*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,[role=button],.footer-btn,.node,.add-btn,.settings-row,.notif-row,.chats-row,.post-card,.post-action,.like-btn,.reply-btn,.share-btn,.album-chip,.gallery-cell,.search-person-row,.profile-action-btn,.profile-dots-btn,.profile-invite-icon-btn{touch-action:manipulation}:root{--bg:#13111a;--surface:#1c1927;--card:#242133;--border:#2e2a42;--accent:#ff8c5a;--accent-dim:#c4622e;--accent-pale:#ffd4bc;--text:#f0ecff;--muted:#9490a8;--line:#2e2a42;--node-size:90px;--sibling-size:72px;--footer-h:68px;--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;font-family:DM Sans,sans-serif;font-weight:300;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes vc-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes vc-ring{0%{opacity:0;transform:scale(.85)}40%{opacity:.7}to{opacity:0;transform:scale(1.35)}}.screen{z-index:1;background:var(--bg);max-width:430px;height:100dvh;padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}header{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.header-back-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .15s;display:flex}.header-back-btn:active{background:var(--accent-dim);transform:scale(.92)}.header-back-btn svg{stroke:var(--accent-pale)}#header-title-block{flex:1;min-width:0}header h1{letter-spacing:-.01em;color:var(--accent-pale);font-family:Playfair Display,serif;font-size:26px;font-weight:700;line-height:1}header h1 span.fam-italic{color:var(--accent);font-style:italic;font-weight:400}header .subtitle{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:10px}.header-icon{width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:background .12s;display:flex;position:relative}.header-icon:active{background:#ffffff0f}.header-icon svg{width:20px;height:20px}.header-icon .notif-dot{background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;display:none;position:absolute;top:4px;right:4px}.header-icon .notif-dot.visible{display:block}.header-dropdown{background:var(--card);border:1px solid var(--border);z-index:50;opacity:0;pointer-events:none;transform-origin:100% 0;border-radius:16px;min-width:190px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s;position:absolute;top:62px;right:16px;overflow:hidden;transform:scale(.92)translateY(-8px);box-shadow:0 8px 32px #00000073}.header-dropdown.open{opacity:1;pointer-events:all;transform:scale(1)translateY(0)}.dropdown-item{cursor:pointer;color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 16px;font-size:14px;font-weight:400;transition:background .12s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface)}.dropdown-item svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.8px;flex-shrink:0}.dropdown-item.danger{color:#ff6b6b}.dropdown-item.danger svg{stroke:#ff6b6b}.dropdown-backdrop{z-index:49;display:none;position:fixed;inset:0}.dropdown-backdrop.open{display:block}.canvas{background:radial-gradient(at 50% 60%,#1f1a30 0%,#13111a 70%);flex:1;position:relative;overflow:hidden}.canvas.has-wallpaper{background-image:var(--wallpaper-url);background-position:50%;background-size:cover}.canvas.has-wallpaper:before{content:"";pointer-events:none;z-index:0;background:#0d0b1494;position:absolute;inset:0}.canvas.has-wallpaper .node,.canvas.has-wallpaper .connectors,.canvas.has-wallpaper .midline{z-index:1}.connectors{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.connector-line{stroke:#2e2a42;stroke-width:1.5px;fill:none;stroke-dasharray:none}.connector-line.dashed{stroke:#c4622e;stroke-dasharray:4 5;stroke-width:1.2px;opacity:.4}.node{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-photo{width:var(--node-size);height:var(--node-size);border:2px solid var(--border);background:var(--card);box-shadow:0 0 0 4px var(--bg), 0 2px 16px #0006;border-radius:50%;justify-content:center;align-items:center;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.node-photo img{object-fit:cover;width:100%;height:100%}.node-photo .initials{color:var(--accent-dim);letter-spacing:.02em;font-family:DM Serif Display,serif;font-size:26px;font-weight:400}.node:hover .node-photo,.node.active .node-photo{border-color:var(--accent);box-shadow:0 0 0 4px var(--bg), 0 0 24px #ff8c5a59}.node-label{letter-spacing:.01em;color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.node-role{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:-4px;font-size:10px}.node.user-node .node-photo{border-color:var(--accent);width:100px;height:100px;box-shadow:0 0 0 4px var(--bg), 0 0 32px #ff8c5a40}.node.user-node .node-label{color:var(--accent-pale);font-size:15px}.node.sibling-node .node-photo{width:var(--sibling-size);height:var(--sibling-size);border-style:dashed;border-color:var(--border)}.node.sibling-node .node-label{color:var(--muted);font-size:11px}.midline{background:var(--border);opacity:.4;pointer-events:none;height:1px;position:absolute;left:0;right:0}footer{padding:10px 24px max(18px, env(safe-area-inset-bottom,18px));border-top:1px solid var(--border);background:var(--surface);z-index:520;flex-shrink:0;justify-content:space-around;align-items:center;max-width:430px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-btn{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:9px;transition:color .2s;display:flex}.footer-btn.active{color:var(--accent)}.footer-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:20px;height:20px}.add-btn{cursor:pointer;border:3px solid var(--bg);background:linear-gradient(145deg,#ff8c5a 0%,#e05a20 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-top:-30px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #ff8c5a66}.add-btn:active{transform:scale(.93);box-shadow:0 2px 10px #ff8c5a4d}.add-btn svg{stroke:#fff;fill:none;stroke-width:2.5px;width:20px;height:20px}.add-screen{background:var(--bg);z-index:600;pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.add-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.add-screen-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px 14px;display:flex}.add-screen-back{border:1px solid var(--border);background:var(--card);cursor:pointer;width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.add-screen-title{letter-spacing:-.01em;color:var(--accent-pale);font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1}.add-screen-title em{color:var(--accent);font-style:italic;font-weight:400}.add-screen-subtitle{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1px;font-size:10px}.add-screen-body{flex-direction:column;flex:1;gap:28px;padding:32px 24px 40px;display:flex;overflow-y:auto}.photo-picker{flex-direction:column;align-items:center;gap:16px;display:flex}.photo-ring{border:2px dashed var(--border);background:var(--card);cursor:pointer;width:110px;height:110px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.photo-ring:hover{border-color:var(--accent-dim);box-shadow:0 0 0 4px var(--bg), 0 0 20px #ff8c5a26}.photo-ring img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-ring-icon{color:var(--muted);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex}.photo-ring-icon svg{width:28px;height:28px;stroke:var(--muted);fill:none;stroke-width:1.5px}.photo-ring-icon span{letter-spacing:.1em;text-transform:uppercase;font-size:10px}.photo-actions{gap:10px;display:flex}.photo-action-btn{border:1px solid var(--border);background:var(--card);color:var(--text);letter-spacing:.04em;cursor:pointer;border-radius:20px;align-items:center;gap:7px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:12px;transition:border-color .2s,background .2s;display:flex}.photo-action-btn:hover{border-color:var(--accent-dim);background:var(--surface)}.photo-action-btn svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2px}.rel-badge{background:var(--card);border:1px solid var(--accent-dim);color:var(--accent-pale);letter-spacing:.04em;border-radius:20px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.rel-badge svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2px}.rel-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px;font-size:10px}.field-group{flex-direction:column;gap:8px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10px}.field-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;transition:border-color .2s,box-shadow .2s}.field-input::placeholder{color:var(--muted)}.field-input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #ff8c5a1f}.field-input-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237b748f' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:12px 14px}.save-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#ff8c5a 0%,#e05a20 100%);border:none;border-radius:16px;width:100%;margin-top:8px;padding:16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 20px #ff8c5a59}.save-btn:active{transform:scale(.97);box-shadow:0 2px 10px #ff8c5a33}.save-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.add-divider{background:var(--border);opacity:.5;height:1px;margin:0 -4px}.profile-screen{background:var(--bg);z-index:630;pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.profile-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.profile-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.profile-banner{background:linear-gradient(135deg,#1f1a30 0%,#2a1f3d 60%,#1c1420 100%);flex-shrink:0;height:160px;position:relative;overflow:hidden}.profile-banner-pattern{background-image:radial-gradient(circle at 70% 40%,#ff8c5a1f 0%,#0000 60%),radial-gradient(circle at 20% 80%,#ff8c5a12 0%,#0000 50%);position:absolute;inset:0}.profile-banner-back{cursor:pointer;width:34px;height:34px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#13111a99;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:16px;left:16px}.profile-banner-img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.profile-avatar-row{z-index:2;justify-content:space-between;align-items:flex-end;margin-top:-46px;padding:0 20px;display:flex;position:relative}.profile-avatar-ring{border:3px solid var(--bg);background:var(--card);width:92px;height:92px;box-shadow:0 0 0 2px var(--accent-dim), 0 4px 20px #00000080;border-radius:50%;flex-shrink:0;overflow:hidden}.profile-avatar-ring img,.profile-avatar-ring svg{object-fit:cover;width:100%;height:100%;display:block}.profile-ctas{z-index:10;align-items:flex-end;gap:8px;padding-bottom:8px;display:flex;position:relative}.profile-action-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,border-color .15s,transform .12s;display:none}.profile-action-btn:active{background:var(--surface);transform:scale(.92)}.profile-action-btn svg{fill:none;width:17px;height:17px;stroke:var(--accent);stroke-width:1.9px;flex-shrink:0}.profile-dots-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,border-color .15s;display:flex}.profile-dots-btn:active{background:var(--surface);border-color:var(--accent-dim)}.profile-dots-btn svg{stroke:var(--accent);fill:none;stroke-width:2px}.profile-invite-icon-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,border-color .15s,transform .12s;display:none;position:relative}.profile-invite-icon-btn:active{transform:scale(.92)}.profile-invite-icon-btn svg{fill:none;stroke-width:1.9px;flex-shrink:0;width:17px;height:17px}.profile-invite-icon-btn[data-state=none]{border-color:var(--border)}.profile-invite-icon-btn[data-state=none] svg{stroke:var(--muted)}.profile-invite-icon-btn[data-state=pending]{background:#e8a83014;border-color:#e8a830}.profile-invite-icon-btn[data-state=pending] svg{stroke:#e8a830}.profile-invite-icon-btn[data-state=approved]{background:#4a9c6f14;border-color:#4a9c6f}.profile-invite-icon-btn[data-state=approved] svg{stroke:#4a9c6f}.profile-invite-icon-btn[data-state=declined]{background:#c45a5a14;border-color:#c45a5a}.profile-invite-icon-btn[data-state=declined] svg{stroke:#c45a5a}.profile-action-dropdown{background:var(--card);border:1px solid var(--border);z-index:100;border-radius:16px;flex-direction:column;min-width:180px;padding:6px 0;display:none;position:absolute;top:50px;right:0;box-shadow:0 8px 32px #00000073}.profile-action-dropdown.open{display:flex}.profile-action-item{cursor:pointer;color:var(--text);align-items:center;gap:12px;padding:13px 18px;font-size:14px;transition:background .15s;display:flex}.profile-action-item:active{background:var(--surface)}.profile-action-item svg{width:17px;height:17px;stroke:var(--accent);fill:none;stroke-width:1.8px;flex-shrink:0}.profile-action-item+.profile-action-item{border-top:1px solid var(--border)}.profile-info{padding:14px 20px 0}.profile-name{color:var(--text);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:DM Serif Display,serif;font-size:24px;line-height:1.2;overflow:hidden}.profile-role-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#ff8c5a1f;border:1px solid #ff8c5a40;border-radius:10px;margin-top:5px;padding:3px 10px;font-size:10px;display:inline-block}.profile-details{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 1fr;gap:1px;margin:18px 20px 0;display:grid;overflow:hidden}.profile-detail-cell{background:var(--card);flex-direction:column;gap:3px;padding:14px 16px;display:flex}.profile-detail-cell:first-child{border-radius:16px 0 0}.profile-detail-cell:nth-child(2){border-radius:0 16px 0 0}.profile-detail-cell:nth-last-child(2){border-radius:0 0 0 16px}.profile-detail-cell:last-child{border-radius:0 0 16px}.profile-detail-cell.full-width{border-radius:0;grid-column:1/-1}.detail-key{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9px}.detail-val{color:var(--text);font-size:13px;font-weight:500}.profile-section-title{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:22px 20px 10px;font-size:11px}.profile-media-grid{grid-template-columns:repeat(3,1fr);gap:2px;padding:0 0 32px;display:grid}.media-cell{aspect-ratio:1;background:var(--card);cursor:pointer;position:relative;overflow:hidden}.media-cell img,.media-cell video{object-fit:cover;width:100%;height:100%;display:block}.media-cell.empty{background:var(--card);justify-content:center;align-items:center;display:flex}.media-cell.empty svg{width:22px;height:22px;stroke:var(--border);fill:none;stroke-width:1.5px}.media-video-badge{letter-spacing:.08em;color:var(--accent-pale);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13111ab3;border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;top:6px;right:6px}.edit-sheet{z-index:640;flex-direction:column;max-width:430px;margin:0 auto;display:none;position:fixed;inset:0}.edit-sheet.open{display:flex}.edit-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;position:absolute;inset:0}.edit-panel{background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;max-height:88dvh;padding:0 0 36px;transition:transform .34s cubic-bezier(.32,1.2,.4,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.edit-sheet.open .edit-panel{transform:translateY(0)}.edit-panel-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;justify-content:space-between;align-items:center;padding:14px 20px 12px;display:flex;position:sticky;top:0}.edit-panel-title{color:var(--accent-pale);font-family:Playfair Display,serif;font-size:18px}.edit-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:7px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s}.edit-save-btn:disabled{opacity:.4;cursor:default}.edit-avatar-section{flex-direction:column;align-items:center;gap:10px;padding:24px 20px 16px;display:flex}.edit-avatar-ring{border:2px solid var(--accent);background:var(--card);cursor:pointer;border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden}.edit-avatar-ring img,.edit-avatar-ring svg{object-fit:cover;width:100%;height:100%;display:block}.edit-avatar-overlay{opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.edit-avatar-ring:hover .edit-avatar-overlay{opacity:1}.edit-avatar-overlay svg{stroke:#fff;fill:none;stroke-width:2px;width:22px;height:22px}.edit-change-photo{color:var(--accent);cursor:pointer;font-size:12px}.edit-field-group{flex-direction:column;gap:14px;padding:0 20px;display:flex}.edit-field{flex-direction:column;gap:6px;display:flex}.edit-field label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.edit-field input,.edit-field select{background:var(--card);border:1px solid var(--border);color:var(--text);appearance:none;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.edit-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237b748f' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.edit-field select option{background:var(--card);color:var(--text)}.edit-field input:focus,.edit-field select:focus{border-color:var(--accent)}.edit-field input::placeholder{color:var(--muted)}.phone-row{align-items:stretch;gap:8px;display:flex}.dial-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:14px;flex-shrink:0;align-items:center;gap:6px;height:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s;display:flex}.dial-btn:active{border-color:var(--accent-dim)}.dial-btn .dial-caret{color:var(--muted);margin-left:2px;font-size:10px}.phone-row.edit-variant .dial-btn{border-radius:10px;height:auto;padding:11px 12px;font-size:14px}.phone-row.edit-variant .field-input,.phone-row.edit-variant input[type=tel]{border-radius:10px;padding:11px 14px;font-size:14px}.country-sheet-backdrop{z-index:810;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;position:fixed;inset:0}.country-sheet-backdrop.visible{opacity:1;pointer-events:all}.country-sheet{z-index:811;background:var(--card);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:430px;max-height:72dvh;transition:transform .32s cubic-bezier(.32,1,.5,1);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%)}.country-sheet.open{transform:translate(-50%)translateY(0)}.country-sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.country-sheet-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}.country-sheet-title{color:var(--text);font-size:15px;font-weight:600}.country-sheet-close{background:var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.country-search-wrap{flex-shrink:0;padding:0 16px 10px}.country-search{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.country-search:focus{border-color:var(--accent-dim)}.country-search::placeholder{color:var(--muted)}.country-list{flex:1;padding:0 8px 24px;overflow-y:auto}.country-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;transition:background .15s;display:flex}.country-item:active,.country-item.selected{background:#ff8c5a1f}.country-item .ci-flag{text-align:center;width:28px;font-size:22px;line-height:1}.country-item .ci-name{color:var(--text);flex:1;font-size:14px}.country-item .ci-code{color:var(--muted);font-size:13px}.feed-screen{background:var(--bg);z-index:500;max-width:430px;padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;margin:0 auto;transition:opacity .18s,visibility 0s linear .18s;display:flex;position:fixed;inset:0;overflow:hidden}.feed-screen.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .18s,visibility linear}.feed-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 13px;display:flex}.feed-header-left{align-items:center;gap:12px;display:flex}.feed-back{border:1px solid var(--border);background:var(--card);cursor:pointer;width:34px;height:34px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.feed-title{letter-spacing:-.01em;color:var(--accent-pale);font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1}.feed-title em{color:var(--accent);font-style:italic;font-weight:400}.feed-subtitle{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1px;font-size:10px}.feed-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:2px;padding:14px 0 24px;display:flex;overflow-y:auto}.feed-stories{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px;margin-bottom:2px;padding:14px 16px 16px;display:flex;overflow-x:auto}.feed-stories::-webkit-scrollbar{display:none}.story-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:flex}.story-ring{width:52px;height:52px;box-shadow:0 0 0 1px var(--bg);background:linear-gradient(135deg,#ff8c5a,#c4622e);border-radius:50%;padding:2px}.story-ring-inner{border:2px solid var(--bg);background:var(--card);border-radius:50%;width:100%;height:100%;overflow:hidden}.story-ring-inner svg{width:100%;height:100%;display:block}.story-name{color:var(--muted);letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:52px;font-size:9px;overflow:hidden}#feed-posts{padding-top:12px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:0 12px 12px;padding:16px 16px 14px;overflow:hidden}.post-head{align-items:center;gap:10px;margin-bottom:11px;display:flex}.post-avatar{border:1.5px solid var(--border);background:var(--card);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.post-avatar svg,.post-avatar img{object-fit:cover;width:100%;height:100%;display:block}.post-author{flex:1}.post-author-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;font-weight:500;overflow:hidden}.post-meta{align-items:center;gap:6px;margin-top:1px;display:flex}.post-role-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#ff8c5a1a;border-radius:6px;padding:1px 6px;font-size:9px}.post-time{color:var(--muted);font-size:10px}.post-more{color:var(--muted);cursor:pointer;padding:0 4px;font-size:20px;line-height:1}.post-text{color:var(--text);word-break:break-word;overflow-wrap:break-word;margin-bottom:10px;font-size:14px;line-height:1.6}.post-text.text-only{color:var(--text);word-break:break-word;overflow-wrap:break-word;margin-bottom:0;font-size:15px;line-height:1.6}.post-media{background:var(--card);border-radius:14px;margin-bottom:10px;position:relative;overflow:hidden}.post-media-img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.post-media-placeholder{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.post-media-placeholder svg{stroke:#ffd4bc4d;fill:none;stroke-width:1.2px;z-index:1;width:40px;height:40px}.post-video-badge{color:var(--accent-pale);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13111abf;border-radius:6px;padding:3px 8px;font-size:9px;position:absolute;top:10px;left:10px}.post-play-btn{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.post-play-btn svg{stroke:#ffd4bcb3;fill:#13111a8c;stroke-width:1.2px;width:52px;height:52px}.post-actions{border-top:1px solid var(--border);gap:20px;margin-top:12px;padding-top:11px;display:flex}.post-action{cursor:pointer;color:var(--muted);letter-spacing:.04em;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;transition:color .15s;display:flex}.post-action svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:16px;height:16px}.post-action:hover,.post-action.liked{color:var(--accent)}.post-action.liked svg{fill:#ff8c5a33}.post-action-sheet{z-index:640;max-width:430px;margin:0 auto;display:none;position:fixed;inset:0}.post-action-sheet.open{display:block}.post-action-backdrop{background:#00000080;position:absolute;inset:0}.post-action-panel{background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:10px 0 32px;transition:transform .3s cubic-bezier(.32,1.2,.4,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.post-action-sheet.open .post-action-panel{transform:translateY(0)}.post-action-row{cursor:pointer;color:var(--text);align-items:center;gap:14px;padding:14px 22px;font-size:15px;transition:background .15s;display:flex}.post-action-row:hover{background:var(--card)}.post-action-row.danger{color:#e05555}.post-action-row svg{stroke:currentColor;fill:none;stroke-width:1.8px;flex-shrink:0;width:20px;height:20px}.post-create-screen{background:var(--bg);z-index:600;pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.post-create-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.pc-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.pc-header-left{align-items:center;gap:10px;display:flex}.pc-title{letter-spacing:-.01em;color:var(--accent-pale);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.pc-title em{color:var(--accent);font-style:italic;font-weight:400}.pc-post-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#ff8c5a 0%,#e05a20 100%);border:none;border-radius:20px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .15s,transform .15s;box-shadow:0 2px 12px #ff8c5a4d}.pc-post-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.pc-post-btn:not(:disabled):active{transform:scale(.95)}.pc-author-row{flex-shrink:0;align-items:center;gap:12px;padding:16px 16px 0;display:flex}.pc-author-avatar{border:2px solid var(--accent-dim);width:42px;height:42px;box-shadow:0 0 0 3px var(--bg);background:var(--card);border-radius:50%;flex-shrink:0;overflow:hidden}.pc-author-avatar svg{width:100%;height:100%;display:block}.pc-author-name{color:var(--text);font-size:14px;font-weight:500}.pc-audience{border:1px solid var(--border);background:var(--card);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;font-size:9px;display:inline-flex}.pc-audience svg{width:9px;height:9px;stroke:var(--muted);fill:none;stroke-width:2px}.pc-textarea-wrap{flex:1;padding:14px 16px 0;overflow-y:auto}.pc-textarea{width:100%;min-height:120px;color:var(--text);resize:none;caret-color:var(--accent);background:0 0;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:17px;font-weight:300;line-height:1.6;overflow:hidden}.pc-textarea::placeholder{color:var(--muted);font-style:italic}.pc-media-strip{scrollbar-width:none;flex-shrink:0;gap:8px;padding:12px 16px 0;display:flex;overflow-x:auto}.pc-media-strip::-webkit-scrollbar{display:none}.pc-media-thumb{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.pc-media-thumb img,.pc-media-thumb video{object-fit:cover;width:100%;height:100%;display:block}.pc-media-thumb .pc-remove{width:18px;height:18px;color:var(--text);cursor:pointer;border:1px solid var(--border);background:#13111ad9;border-radius:50%;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.pc-media-thumb .pc-vid-badge{color:var(--accent-pale);letter-spacing:.06em;background:#13111abf;border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;bottom:4px;left:4px}.pc-char-counter{text-align:right;color:var(--muted);flex-shrink:0;padding:8px 16px 0;font-size:11px}.pc-char-counter.warn{color:var(--accent)}.pc-char-counter.over{color:#f44}.pc-toolbar{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:2px;padding:10px 12px 20px;display:flex}.pc-tool{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 10px;transition:background .15s;display:flex}.pc-tool:hover{background:var(--card)}.pc-tool svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:1.8px;transition:stroke .15s}.pc-tool:hover svg{stroke:var(--accent)}.pc-tool span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:8px}.gif-picker{background:var(--card);border:1px solid var(--border);z-index:10;border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:none;position:absolute;bottom:80px;left:16px;right:16px;box-shadow:0 8px 32px #0006}.gif-picker.open{display:flex}.gif-search{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:100%;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13px}.gif-search:focus{border-color:var(--accent-dim)}.gif-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gif-cell{aspect-ratio:1;background:var(--surface);cursor:pointer;border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;font-size:22px;transition:transform .15s;display:flex;overflow:hidden}.settings-screen{background:var(--bg);z-index:600;pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.settings-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.settings-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px 14px;display:flex}.settings-title{letter-spacing:.01em;color:var(--accent-pale);font-family:DM Serif Display,serif;font-size:22px;font-weight:400;line-height:1}.settings-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px 0 40px;overflow-y:auto}.settings-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:24px;padding:0 20px 8px;font-size:10px}.settings-section-label:first-child{margin-top:0}.settings-group{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:8px}.settings-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;padding:15px 20px;transition:background .12s;display:flex;position:relative}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--surface)}.settings-row-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.settings-row-icon svg{fill:none;stroke:#fff;stroke-width:1.8px;width:16px;height:16px}.settings-row-body{flex:1}.settings-row-label{color:var(--text);font-size:14px;font-weight:400}.settings-row-sub{color:var(--muted);margin-top:1px;font-size:11px}.settings-row-right{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;font-size:13px;display:flex}.settings-row-right svg{width:14px;height:14px;stroke:var(--muted);fill:none;stroke-width:2px}.settings-row-value{color:var(--muted);font-size:13px}.settings-toggle{background:var(--border);cursor:pointer;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .22s;position:relative}.settings-toggle.on{background:var(--accent)}.settings-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.settings-toggle.on:after{transform:translate(18px)}.settings-row.danger .settings-row-label{color:#ff6b6b}.settings-row.danger .settings-row-icon svg{stroke:#fff}.settings-version{text-align:center;color:var(--muted);letter-spacing:.06em;padding:28px 20px 8px;font-size:11px}.settings-version span{color:var(--accent);margin-bottom:4px;font-family:Playfair Display,serif;font-size:13px;font-style:italic;display:block}.notif-screen{background:var(--bg);z-index:600;pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.notif-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.notif-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px 14px;display:flex}.notif-title{letter-spacing:.01em;color:var(--accent-pale);font-family:DM Serif Display,serif;font-size:22px;font-weight:400;line-height:1}.notif-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.notif-section{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:18px 18px 8px;font-size:10px}.notif-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:13px 18px;transition:background .12s;display:flex;position:relative}.notif-row:hover{background:var(--surface)}.notif-row.unread{background:#ff8c5a0a}.notif-row.unread:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.notif-avatar{flex-shrink:0;width:44px;height:44px;position:relative}.notif-avatar-main{border:2px solid var(--bg);background:var(--card);border-radius:50%;width:44px;height:44px;overflow:hidden}.notif-avatar-main svg{width:100%;height:100%;display:block}.notif-icon-badge{border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px}.notif-icon-badge svg{fill:none;stroke:#fff;stroke-width:2.5px;width:10px;height:10px}.notif-content{flex:1}.notif-text{color:var(--text);font-size:13px;line-height:1.45}.notif-text strong{font-weight:500}.notif-time{color:var(--muted);margin-top:3px;font-size:11px}.notif-thumb{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.notif-thumb svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.5px}.notif-mark-read{color:var(--accent);cursor:pointer;letter-spacing:.04em;margin-left:auto;padding:4px 0;font-size:12px;transition:opacity .15s}.notif-mark-read:hover{opacity:.7}.notif-empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.notif-empty svg{width:40px;height:40px;stroke:var(--border);fill:none;stroke-width:1.2px}.notif-empty span{font-size:14px}.search-screen{background:var(--bg);z-index:600;pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.search-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.search-header{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:12px;padding:14px 16px 12px;display:flex}.search-header-row{align-items:center;gap:10px;display:flex}.search-input-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;flex:1;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-input-wrap:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px #ff8c5a1a}.search-input-wrap svg{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:2px;flex-shrink:0}.search-input{color:var(--text);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:15px;font-weight:300}.search-input::placeholder{color:var(--muted)}.search-clear{background:var(--muted);cursor:pointer;width:18px;height:18px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:none}.search-clear.visible{display:flex}.search-filters{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.search-filters::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:400;transition:border-color .15s,background .15s,color .15s;display:flex}.filter-chip svg{stroke:currentColor;fill:none;stroke-width:2px;width:12px;height:12px}.filter-chip.active{border-color:var(--accent);color:var(--accent);background:#ff8c5a1f}.search-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 0 24px;overflow-y:auto}.search-section{justify-content:space-between;align-items:center;padding:18px 18px 8px;display:flex}.search-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.search-section-action{color:var(--accent);cursor:pointer;font-size:11px}.recent-pills{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.recent-pill{background:var(--card);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:border-color .15s;display:flex}.recent-pill:hover{border-color:var(--accent-dim)}.recent-pill svg{width:12px;height:12px;stroke:var(--muted);fill:none;stroke-width:2px}.recent-pill .pill-remove{background:var(--muted);width:14px;height:14px;color:var(--bg);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.search-person-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:11px 18px;transition:background .12s;display:flex}.search-person-row:hover{background:var(--surface)}.search-person-avatar{border:1.5px solid var(--border);background:var(--card);border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.search-person-avatar svg{width:100%;height:100%;display:block}.search-person-name{color:var(--text);font-size:14px;font-weight:500}.search-person-role{color:var(--muted);margin-top:1px;font-size:11px}.search-person-row svg.chevron{width:14px;height:14px;stroke:var(--border);fill:none;stroke-width:2px;flex-shrink:0;margin-left:auto}.search-post-row{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 18px;transition:background .12s}.search-post-row:hover{background:var(--surface)}.search-post-meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.search-post-avatar{background:var(--card);border-radius:50%;flex-shrink:0;width:24px;height:24px;overflow:hidden}.search-post-avatar svg{width:100%;height:100%;display:block}.search-post-author{color:var(--accent-pale);font-size:12px;font-weight:500}.search-post-time{color:var(--muted);margin-left:auto;font-size:11px}.search-post-text{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.search-post-text mark{color:var(--accent-pale);background:#ff8c5a40;border-radius:2px;padding:0 1px}.search-media-grid{grid-template-columns:repeat(3,1fr);gap:2px;padding:0 0 4px;display:grid}.search-media-cell{aspect-ratio:1;background:var(--card);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.search-media-cell svg{width:22px;height:22px;stroke:var(--border);fill:none;stroke-width:1.5px}.search-media-cell .vid-tag{color:var(--accent-pale);letter-spacing:.06em;background:#13111abf;border-radius:4px;padding:2px 5px;font-size:8px;position:absolute;bottom:4px;right:4px}.search-setting-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:13px 18px;transition:background .12s;display:flex}.search-setting-row:hover{background:var(--surface)}.search-setting-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.search-setting-icon svg{stroke:#fff;fill:none;stroke-width:1.8px;width:14px;height:14px}.search-setting-label{color:var(--text);flex:1;font-size:14px}.search-setting-path{color:var(--muted);margin-top:1px;font-size:11px}.search-setting-row svg.chevron{width:14px;height:14px;stroke:var(--border);fill:none;stroke-width:2px;flex-shrink:0}.search-empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:50px 20px;display:flex}.search-empty svg{width:36px;height:36px;stroke:var(--border);fill:none;stroke-width:1.2px}.search-empty span{font-size:14px}.search-empty small{color:var(--muted);opacity:.7;font-size:12px}.albums-screen{background:var(--bg);z-index:500;max-width:430px;padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;margin:0 auto;transition:opacity .18s,visibility 0s linear .18s;display:flex;position:fixed;inset:0;overflow:hidden}.albums-screen.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .18s,visibility linear}.albums-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px 14px;display:flex}.albums-title{letter-spacing:-.01em;color:var(--accent-pale);font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1}.albums-title em{color:var(--accent);font-style:italic;font-weight:400}.albums-count{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:11px}.albums-subtitle{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1px;font-size:10px}.albums-dd-item{color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 18px;font-size:14px;transition:background .12s;display:flex}.albums-dd-item:last-child{border-bottom:none}.albums-dd-item:hover{background:var(--card)}.albums-body{-webkit-overflow-scrolling:touch;flex:1;padding:0;overflow-y:auto}.albums-filters{scrollbar-width:none;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.albums-filters::-webkit-scrollbar{display:none}.album-chip{border:1px solid var(--border);background:var(--card);color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:5px 14px;font-size:12px;transition:all .18s;display:flex}.album-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.album-chip-avatar{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;overflow:hidden}.album-chip-avatar img{object-fit:cover;width:100%;height:100%}.album-chip-avatar svg{width:100%;height:100%;display:block}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:3px;padding:0;display:grid}.gallery-cell{aspect-ratio:1;background:var(--card);cursor:pointer;position:relative;overflow:hidden}.gallery-cell-bg{background-position:50%;background-size:cover;transition:transform .3s;position:absolute;inset:0}.gallery-cell:active .gallery-cell-bg{transform:scale(.96)}.gallery-cell-icon{opacity:.2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-cell-icon svg{width:28px;height:28px;stroke:var(--accent-pale);fill:none;stroke-width:1.2px}.gallery-vid-badge{letter-spacing:.08em;color:var(--accent-pale);background:#0d0b14d9;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:8px;display:flex;position:absolute;bottom:5px;right:5px}.gallery-vid-badge svg{width:7px;height:7px;fill:var(--accent);stroke:none}.albums-empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.albums-empty svg{width:40px;height:40px;stroke:var(--border);fill:none;stroke-width:1.2px}.albums-lightbox{z-index:650;touch-action:pan-y;background:#0a0910fa;flex-direction:column;display:none;position:fixed;inset:0}.albums-lightbox.open{display:flex}.lightbox-bar{flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.lightbox-counter{letter-spacing:.1em;color:#ffffff80;margin-left:auto;font-size:12px}.lightbox-stage{flex:1;width:100%;position:relative;overflow:hidden}.lightbox-track{will-change:transform;width:100%;height:100%;transition:transform .28s cubic-bezier(.25,1,.5,1);display:flex}.lightbox-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.lightbox-slide img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:100%;max-height:100%;display:block}.lightbox-slide .lightbox-placeholder-cell{aspect-ratio:4/3;border-radius:10px;justify-content:center;align-items:center;width:88%;max-width:360px;display:flex}.lightbox-slide .lightbox-placeholder-cell svg{stroke:#ffd4bc59;fill:none;stroke-width:1px;width:52px;height:52px}.lightbox-caption{text-align:center;flex-shrink:0;padding:12px 20px 28px}.lightbox-caption-name{color:#ffffffd9;font-size:14px;font-weight:500}.lightbox-caption-role{color:#fff6;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:11px}.lightbox-arrow{cursor:pointer;z-index:2;color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#fff3}.lightbox-arrow.prev{left:10px}.lightbox-arrow.next{right:10px}.story-viewer{z-index:630;opacity:0;background:#000;flex-direction:column;max-width:430px;margin:0 auto;transition:opacity .2s;display:none;position:fixed;inset:0;overflow:hidden}.story-viewer.open{opacity:1;display:flex}.sv-progress{z-index:2;gap:4px;padding:12px 12px 0;display:flex;position:absolute;top:0;left:0;right:0}.sv-progress-bar{background:#ffffff40;border-radius:2px;flex:1;height:2px;overflow:hidden}.sv-progress-fill{background:#fff;border-radius:2px;width:0%;height:100%}.sv-progress-fill.done{width:100%;transition:none}.sv-header{z-index:5;background:linear-gradient(#0000008c 0%,#0000 100%);align-items:center;gap:10px;padding:28px 14px 10px;display:flex;position:absolute;top:0;left:0;right:0}.sv-avatar{background:#333;border:2px solid #ffffffb3;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.sv-avatar img,.sv-avatar svg{object-fit:cover;width:100%;height:100%;display:block}.sv-name{color:#fff;text-shadow:0 1px 4px #00000080;flex:1;font-size:14px;font-weight:500}.sv-time{color:#fff9;font-size:11px}.sv-close{color:#ffffffd9;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;display:flex}.sv-stage{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.sv-slide{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.sv-slide.active{opacity:1}.sv-slide-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.sv-slide-content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:80px 20px 120px;display:flex;position:relative}.sv-text-card{text-align:center;background:#0000008c;border:1px solid #ffffff1f;border-radius:18px;max-width:340px;padding:28px 24px}.sv-text-emoji{margin-bottom:14px;font-size:52px;line-height:1}.sv-text-body{color:#fff;font-family:DM Sans,sans-serif;font-size:17px;font-weight:300;line-height:1.6}.sv-tap-left,.sv-tap-right{z-index:3;cursor:pointer;width:40%;position:absolute;top:90px;bottom:80px}.sv-tap-left{left:0}.sv-tap-right{right:0}.sv-footer{z-index:2;background:linear-gradient(#0000 0%,#0009 100%);align-items:center;gap:10px;padding:14px 16px 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.sv-reply-input{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:24px;outline:none;flex:1;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px}.sv-reply-input::placeholder{color:#ffffff73}.sv-like-btn{cursor:pointer;color:#ffffffb3;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:color .2s,transform .15s;display:flex}.sv-like-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:22px;height:22px}.sv-like-btn.liked{color:#ff6060;transform:scale(1.15)}.sv-like-btn.liked svg{fill:#ff6060}.story-ring.seen{background:var(--border)}.login-screen{background:var(--bg);z-index:800;flex-direction:column;justify-content:center;align-items:center;gap:0;max-width:430px;margin:0 auto;padding:40px 32px;display:flex;position:fixed;inset:0}.login-screen.hidden{display:none}.login-logo{color:var(--accent-pale);margin-bottom:8px;font-family:Playfair Display,serif;font-size:42px;font-weight:700;line-height:1}.login-logo em{color:var(--accent);font-style:italic;font-weight:400}.login-tagline{color:var(--muted);text-align:center;margin-bottom:60px;font-size:14px;line-height:1.5}.login-google-btn{color:#3c4043;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:15px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:box-shadow .2s,transform .12s;display:flex;box-shadow:0 2px 8px #0000004d}.login-google-btn:active{transform:scale(.97)}.login-google-btn svg{flex-shrink:0}.login-note{color:var(--muted);text-align:center;max-width:260px;margin-top:24px;font-size:11px;line-height:1.6}.login-loading{color:var(--muted);margin-top:20px;font-size:14px;display:none}.login-divider{align-items:center;gap:10px;width:100%;margin:4px 0 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{color:var(--muted);white-space:nowrap;font-size:11px}.login-email-toggle{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:4px;padding:6px 0;font-family:DM Sans,sans-serif;font-size:13px;text-decoration:underline;transition:color .15s}.login-email-toggle:hover{color:var(--accent-pale)}.login-email-form{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:none}.login-email-form.visible{display:flex}.login-input{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .15s}.login-input::placeholder{color:var(--muted)}.login-input:focus{border-color:var(--accent)}.login-email-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:15px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .15s,transform .12s}.login-email-btn:active{background:var(--accent-dim);transform:scale(.97)}.login-error{color:#ff6b6b;text-align:center;font-size:13px;line-height:1.4;display:none}.login-error.visible{display:block}.onboarding-screen{background:var(--bg);z-index:500;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:opacity .4s;display:flex;position:fixed;inset:0;overflow:hidden}.onboarding-screen.visible{opacity:1}.onboarding-screen.hiding{opacity:0;pointer-events:none;transition:opacity .5s}.onboarding-dots{flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:22px 0 0;display:flex}.onboarding-dot{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .3s,width .3s}.onboarding-dot.active{background:var(--accent);border-radius:3px;width:20px}.onboarding-track{will-change:transform;flex:1;transition:transform .38s cubic-bezier(.25,1,.5,1);display:flex}.onboarding-slide{text-align:center;-webkit-overflow-scrolling:touch;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:0;padding:24px 32px 0;display:flex;overflow-y:auto}.onboarding-illustration{background:var(--surface);border:1px solid var(--border);border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;margin-bottom:32px;display:flex;position:relative;overflow:hidden}.onboarding-illustration:before{content:"";background:radial-gradient(circle,#ff8c5a1f,#0000 70%);position:absolute;inset:-20px}.onboarding-slide-title{color:var(--accent-pale);margin-bottom:12px;font-family:Playfair Display,serif;font-size:24px;font-weight:700;line-height:1.2}.onboarding-slide-title em{color:var(--accent);font-style:italic;font-weight:400}.onboarding-slide-body{color:var(--muted);max-width:280px;font-size:14px;font-weight:300;line-height:1.65}.onboarding-slide-body strong{color:var(--text);font-weight:500}.onboarding-footer{flex-shrink:0;align-items:center;gap:12px;padding:20px 28px 40px;display:flex}.onboarding-skip{color:var(--muted);cursor:pointer;flex:1;padding:10px 4px;font-size:13px;transition:color .15s}.onboarding-skip:hover{color:var(--text)}.onboarding-next{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:14px;flex:2;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .18s,transform .12s}.onboarding-next:hover{background:var(--accent-dim)}.onboarding-next:active{transform:scale(.97)}.comments-sheet{z-index:645;flex-direction:column;max-width:430px;margin:0 auto;display:none;position:fixed;inset:0}.comments-sheet.open{display:flex}.comments-backdrop{background:#000000a6;position:absolute;inset:0}.comments-panel{background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;flex-direction:column;height:75dvh;transition:transform .34s cubic-bezier(.32,1.2,.4,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.comments-sheet.open .comments-panel{transform:translateY(0)}.comments-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.comments-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px 10px;display:flex}.comments-title{color:var(--accent-pale);font-family:Playfair Display,serif;font-size:18px;font-weight:700}.comments-close{background:var(--card);width:28px;height:28px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.comments-body{flex-direction:column;flex:1;gap:16px;padding:14px 16px;display:flex;overflow-y:auto}.comment-row{align-items:flex-start;gap:10px;display:flex}.comment-avatar{background:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-bubble{background:var(--card);border:1px solid var(--border);border-radius:14px 14px 14px 4px;flex:1;padding:9px 13px}.comment-author{color:var(--accent-pale);margin-bottom:3px;font-size:12px;font-weight:500}.comment-text{color:var(--text);word-break:break-word;overflow-wrap:break-word;font-size:13px;line-height:1.5}.comment-meta{color:var(--muted);gap:14px;margin-top:5px;font-size:11px;display:flex}.comment-like-btn{cursor:pointer;transition:color .2s}.comment-like-btn.liked{color:var(--accent)}.comments-composer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.composer-avatar{background:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.composer-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:20px;outline:none;flex:1;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.composer-input:focus{border-color:var(--accent)}.composer-input::placeholder{color:var(--muted)}.composer-send{background:var(--accent);cursor:pointer;opacity:.4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.composer-send.active{opacity:1}.composer-send svg{stroke:#fff;fill:none;stroke-width:2px;width:16px;height:16px}.theme-picker-sheet{z-index:640;flex-direction:column;max-width:430px;margin:0 auto;display:none;position:fixed;inset:0}.theme-picker-sheet.open{display:flex}.theme-picker-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;position:absolute;inset:0}.theme-picker-panel{background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:14px 20px 32px;transition:transform .34s cubic-bezier(.32,1.2,.4,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.theme-picker-sheet.open .theme-picker-panel{transform:translateY(0)}.theme-picker-title{color:var(--accent-pale);text-align:center;margin:10px 0 18px;font-family:Playfair Display,serif;font-size:18px}.theme-swatches{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.theme-swatch{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.theme-swatch-circle{border:2px solid var(--border);border-radius:50%;width:60px;height:60px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.theme-swatch.active .theme-swatch-circle{border-color:var(--accent);box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--accent)}.theme-swatch:active .theme-swatch-circle{transform:scale(.93)}.theme-swatch-name{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.theme-swatch.active .theme-swatch-name{color:var(--accent)}#share-sheet{z-index:650}.chat-screen{z-index:620;background:var(--bg);pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:none;position:fixed;inset:0;transform:translateY(105%)}.chat-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.chat-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-menu-item{color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 16px;font-size:14px;transition:background .12s;display:flex}.chat-menu-item:last-child{border-bottom:none}.chat-menu-item:hover{background:var(--surface)}.chat-menu-item svg{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:1.8px;flex-shrink:0}.chat-back{color:var(--muted);cursor:pointer;flex-shrink:0;padding:0 4px;font-size:22px}.chat-avatar{background:var(--card);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.chat-avatar img,.chat-avatar svg{object-fit:cover;width:100%;height:100%;display:block}.chat-info{flex:1;min-width:0}.chat-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.chat-relation{color:var(--muted);margin-top:1px;font-size:11px}.chat-header-actions{flex-shrink:0;gap:6px;display:flex}.chat-header-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.chat-header-btn:active{background:var(--border)}.chat-header-btn svg{width:15px;height:15px;stroke:var(--accent-pale);fill:none;stroke-width:1.8px}.chat-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:2px;padding:12px 14px 8px;display:flex;overflow-y:auto}.chat-date-sep{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-shrink:0;padding:10px 0 6px;font-size:10px}.chat-bubble-row{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.chat-bubble-row.mine{flex-direction:row-reverse}.chat-bubble-row.cont{margin-top:2px}.chat-bubble-avatar{background:var(--card);border-radius:50%;flex-shrink:0;align-self:flex-end;width:28px;height:28px;overflow:hidden}.chat-bubble-avatar img,.chat-bubble-avatar svg{object-fit:cover;width:100%;height:100%;display:block}.chat-bubble-avatar.hidden{visibility:hidden}.chat-bubble-wrap{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:74%;display:flex}.chat-bubble-row.mine .chat-bubble-wrap{align-items:flex-end}.chat-bubble{word-break:break-word;overflow-wrap:break-word;border-radius:20px;max-width:100%;font-size:14px;line-height:1.55}.chat-bubble:not(.has-image){white-space:normal;width:fit-content;max-width:100%;padding:10px 14px}.chat-bubble.has-image{width:240px;padding:0;overflow:hidden}.chat-bubble.has-profile-card{padding:0;overflow:hidden}.chat-bubble.theirs{background:var(--card);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.chat-bubble.mine{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble-row.cont .chat-bubble.theirs{border-top-left-radius:6px;border-bottom-left-radius:20px}.chat-bubble-row.cont .chat-bubble.mine{border-top-right-radius:6px;border-bottom-right-radius:20px}.chat-bubble-img{cursor:zoom-in;width:100%;height:auto;display:block}.chat-bubble.has-image.has-text .chat-bubble-img{border-bottom:1px solid #00000026}.chat-bubble-caption{word-break:break-word;padding:7px 13px 10px;font-size:14px;line-height:1.45}.chat-time{color:var(--muted);padding:0 4px;font-size:10px}.chat-bubble-row.mine .chat-time{align-self:flex-end}.chat-bubble-row:not(.mine) .chat-time{align-self:flex-start}.chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 24px;display:flex}.chat-empty-avatar{background:var(--card);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:72px;height:72px;overflow:hidden}.chat-empty-avatar img,.chat-empty-avatar svg{width:100%;height:100%;display:block}.chat-empty-name{color:var(--text);font-size:17px;font-weight:500}.chat-empty-relation{color:var(--muted);font-size:12px}.chat-empty-hint{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.chat-composer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px 24px;display:flex}.chat-attach-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.chat-attach-btn svg{width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:1.8px}.chat-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:22px;outline:none;flex:1;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--muted)}.chat-send{background:var(--accent);cursor:pointer;opacity:.35;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .2s;display:flex}.chat-send.active{opacity:1}.chat-send svg{stroke:#fff;fill:none;stroke-width:2px;width:16px;height:16px}.chats-screen{background:var(--bg);z-index:500;max-width:430px;padding-bottom:calc(var(--footer-h) + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;margin:0 auto;transition:opacity .18s,visibility 0s linear .18s;display:flex;position:fixed;inset:0;overflow:hidden}.chats-screen.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .18s,visibility linear}.chats-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px 14px;display:flex}.chats-title{letter-spacing:-.01em;color:var(--accent-pale);font-family:Playfair Display,serif;font-size:26px;font-weight:700;line-height:1}.chats-title em{color:var(--accent);font-style:italic;font-weight:400}.chats-subtitle{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1px;font-size:10px}.chats-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.chats-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:16px 18px 8px;font-size:10px}.chats-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;padding:12px 18px;transition:background .12s;display:flex}.chats-row:hover{background:var(--surface)}.chats-row:active{background:var(--card)}.new-chat-screen{z-index:622;background:var(--bg);pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:none;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.new-chat-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.new-chat-contact{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;padding:12px 18px;transition:background .12s;display:flex}.new-chat-contact:hover{background:var(--surface)}.new-chat-contact:active{background:var(--card)}.new-chat-alpha{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);background:var(--bg);padding:12px 18px 6px;font-size:10px;position:sticky;top:0}._cp-item:active{background:var(--border)!important}.single-post-screen{background:var(--bg);z-index:610;pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:none;position:fixed;inset:0;overflow:hidden;transform:translateY(105%)}.single-post-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.single-post-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px 14px;display:flex}.single-post-body{-webkit-overflow-scrolling:touch;flex:1;padding:16px 0 32px;overflow-y:auto}.gchat-screen{z-index:621;background:var(--bg);pointer-events:none;opacity:0;flex-direction:column;max-width:430px;margin:0 auto;transition:transform .28s cubic-bezier(.25,1,.5,1),opacity .2s;display:none;position:fixed;inset:0;transform:translateY(105%)}.gchat-screen.open{opacity:1;pointer-events:all;transform:translateY(0)}.gchat-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.gchat-back{color:var(--muted);cursor:pointer;padding:0 4px;font-size:22px}.gchat-group-avatar{background:var(--card);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:40px;height:40px;position:relative;overflow:visible}.gchat-info{flex:1;min-width:0}.gchat-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.gchat-members{color:var(--muted);margin-top:1px;font-size:11px}.gchat-body{flex-direction:column;flex:1;gap:4px;padding:12px 14px 8px;display:flex;overflow-y:auto}.gchat-date-divider{text-align:center;color:var(--muted);letter-spacing:.08em;margin:10px 0 6px;font-size:11px}.gchat-bubble-row{align-items:flex-end;gap:8px;margin-bottom:2px;display:flex}.gchat-bubble-row.mine{flex-direction:row-reverse}.gchat-bubble-row.mine .gchat-av{display:none}.gchat-av{background:var(--card);border-radius:50%;flex-shrink:0;align-self:flex-end;width:28px;height:28px;overflow:hidden}.gchat-av img{object-fit:cover;width:100%;height:100%;display:block}.gchat-bubble-wrap{flex-direction:column;max-width:74%;display:flex}.gchat-bubble-row.mine .gchat-bubble-wrap{align-items:flex-end}.gchat-sender{color:var(--accent);margin-bottom:3px;padding:0 4px;font-size:11px;font-weight:500}.gchat-bubble{color:var(--text);word-break:break-word;border-radius:18px;padding:9px 13px;font-size:14px;line-height:1.5}.gchat-bubble.theirs{background:var(--card);border:1px solid var(--border);border-bottom-left-radius:4px}.gchat-bubble.mine{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.gchat-time{color:var(--muted);padding:2px 4px 0;font-size:10px}.gchat-bubble-row.mine .gchat-time{text-align:right}.gchat-composer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px 28px;display:flex}.gchat-input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:22px;outline:none;flex:1;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.gchat-input:focus{border-color:var(--accent)}.gchat-input::placeholder{color:var(--muted)}.gchat-send{background:var(--accent);cursor:pointer;opacity:.35;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .2s;display:flex}.gchat-send.active{opacity:1}.gchat-send svg{stroke:#fff;fill:none;stroke-width:2px;width:16px;height:16px}