*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#0b1320;background:radial-gradient(circle at 8% 12%,#dff6ff 0%,#0000 36%),radial-gradient(circle at 92% 84%,#e8f4ff 0%,#0000 30%),linear-gradient(#f6f9fc 0%,#eef3f9 100%);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}code{background:#f0f4fa;border-radius:6px;padding:2px 6px;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:.92em}.app-shell{max-width:960px;margin:0 auto;padding:28px 18px 52px}.app-shell.landing-shell{max-width:none;margin:0;padding:0}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.topbar h1{color:#0b1320;margin:0;font-size:2rem}.subhead{color:#435063;margin:8px 0 0}.topbar-actions{align-items:center;gap:12px;display:flex}.links{gap:10px;display:flex}.links a{color:#0f62fe;font-weight:600;text-decoration:none}.links a:hover{text-decoration:underline}.main{gap:16px;display:grid}.main.landing-main{min-height:100vh}.landing-page{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;min-height:100vh;display:flex}.landing-sign-in{border-radius:999px;min-width:132px;padding-inline:24px}.landing-image{background-position:50%;background-repeat:no-repeat;background-size:contain;width:75vw;max-width:75vh;height:75vh;max-height:75vw}.card{background:#fff;border:1px solid #d6deea;border-radius:16px;padding:22px;box-shadow:0 8px 24px #0c172614}.card h2{color:#0b1320;margin:0 0 8px;font-size:1.4rem}.card p{color:#2a3445;margin:0}.status-row{margin-top:14px}.badge{color:#3a465a;background:#edf2f8;border-radius:999px;padding:7px 12px;font-size:.9rem;display:inline-block}.badge.ok{color:#14532d;background:#dcfce7}.button-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.button{cursor:pointer;color:#fff;background:#0f62fe;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.button:hover{background:#0a4fcc}.button.secondary{color:#1e2a3d;background:#e8eef6}.button.secondary:hover{background:#d7e2ef}.link-button{align-items:center;text-decoration:none;display:inline-flex}.hint{color:#4b5a72;margin-top:12px;font-size:.92rem}.hint.error{color:#9f1239}.landing-page .hint{color:#fca5a5;text-align:center;margin-top:0}.forbidden-page{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex}.forbidden-card{text-align:center;background:#0b1320;border:1px solid #1e2d42;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:48px 40px;display:flex}.forbidden-code{color:#ef4444;font-size:6rem;font-weight:800;line-height:1}.forbidden-title{color:#f1f5f9;margin:0;font-size:1.8rem}.forbidden-message{color:#94a3b8;margin:0;font-size:1rem}.forbidden-button{border-radius:999px;min-width:140px;margin-top:8px;padding-inline:28px}.app-layout{flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex}.app-scroll-area{flex:1;padding:16px 16px 0;overflow-y:auto}.bottom-nav{padding:8px 0 env(safe-area-inset-bottom,8px);z-index:10;background:#fff;border-top:1px solid #d6deea;justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0}.bnav-item{color:#8a96a8;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.bnav-item:hover,.bnav-item.bnav-active{color:#0f62fe}.bnav-plus{color:#fff;background:#0f62fe;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;display:flex}.bnav-item.bnav-active .bnav-plus{background:#0a4fcc}.page-center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:50vh;display:flex}.spinner{border:3px solid #d6deea;border-top-color:#0f62fe;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-heading{color:#0b1320;margin:0 0 20px;font-size:1.5rem}.profile-section{background:#fff;border:1px solid #d6deea;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 2px 8px #0c17260d}.profile-section-title{color:#435063;text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-size:.8rem;font-weight:600}.post-page-header{border-bottom:1px solid #eef3f9;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.back-btn{cursor:pointer;color:#0f62fe;background:0 0;border:none;align-items:center;padding:4px;display:flex}.post-page-title{color:#0b1320;margin:0;font-size:1.2rem}.field-label{color:#435063;margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.field-input{box-sizing:border-box;color:#0b1320;background:#f9fafc;border:1px solid #c8d4e3;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.field-input:focus{background:#fff;border-color:#0f62fe}.form-stack{flex-direction:column;gap:10px;display:flex}.feed-page{padding-bottom:16px}.feed-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.feed-title{color:#0b1320;margin:0;font-size:1.5rem}.feed-empty{text-align:center;color:#6b7a90;padding:40px 0}.feed-error{color:#9f1239;margin-bottom:12px;font-size:.9rem}.post-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.post-item{cursor:pointer;background:#fff;border:1px solid #d6deea;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 6px #0c17260a}.post-item:hover{border-color:#0f62fe;box-shadow:0 4px 12px #0f62fe1a}.post-item.post-unread{border-left:3px solid #0f62fe}.post-item-body{flex:1;min-width:0}.post-item-content{color:#0b1320;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:.95rem;overflow:hidden}.post-item-meta{color:#8a96a8;gap:12px;font-size:.8rem;display:flex}.post-item-indicators{flex-direction:column;align-items:center;gap:4px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-unread{background:#0f62fe}.dot-comment{background:#f59e0b}.post-page{flex-direction:column;height:calc(100vh - 72px);display:flex}.post-page-original{background:#f0f5ff;border:1px solid #c7d9ff;border-radius:14px;margin-bottom:12px;padding:14px 16px}.post-page-content{color:#0b1320;white-space:pre-wrap;margin:0 0 6px;font-size:.97rem}.post-page-meta{color:#8a96a8;font-size:.78rem}.chat-thread{flex-direction:column;flex:1;gap:8px;padding-bottom:8px;display:flex;overflow-y:auto}.chat-bubble-wrap{display:flex}.chat-bubble-wrap.mine{justify-content:flex-end}.chat-bubble{border-radius:18px;max-width:78%;padding:10px 14px;font-size:.93rem}.chat-bubble-theirs{color:#0b1320;background:#f0f4fa;border-bottom-left-radius:4px}.chat-bubble-mine{color:#fff;background:#0f62fe;border-bottom-right-radius:4px}.chat-text{white-space:pre-wrap;word-break:break-word;margin:0 0 4px}.chat-time{opacity:.65;text-align:right;font-size:.72rem;display:block}.chat-input-bar{border-top:1px solid #eef3f9;align-items:flex-end;gap:8px;padding:10px 0 4px;display:flex}.chat-input{resize:none;background:#f9fafc;border:1px solid #c8d4e3;border-radius:20px;outline:none;flex:1;max-height:120px;padding:10px 14px;font-family:inherit;font-size:.93rem;transition:border-color .15s;overflow-y:auto}.chat-input:focus{background:#fff;border-color:#0f62fe}.chat-send-btn{color:#fff;cursor:pointer;background:#0f62fe;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.chat-send-btn:hover:not(:disabled){background:#0a4fcc}.chat-send-btn:disabled{cursor:not-allowed;background:#c8d4e3}.new-post-page{padding-bottom:24px}.new-post-body{flex-direction:column;display:flex}.recipient-list{flex-wrap:wrap;gap:8px;display:flex}.recipient-chip{color:#2a3445;cursor:pointer;background:#f0f4fa;border:1px solid #c8d4e3;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:.88rem;transition:background .15s,border-color .15s}.recipient-chip.selected{color:#fff;background:#0f62fe;border-color:#0f62fe}.new-post-textarea{box-sizing:border-box;resize:vertical;background:#f9fafc;border:1px solid #c8d4e3;border-radius:12px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.new-post-textarea:focus{background:#fff;border-color:#0f62fe}.profile-page{padding-bottom:24px}.avatar-area{align-items:center;gap:20px;display:flex}.avatar-circle{background:#d6deea;border:2px solid #c8d4e3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-placeholder{color:#435063;font-size:2rem;font-weight:700}.avatar-actions{flex:1}.connections-page{padding-bottom:24px}.conn-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.conn-item{border-bottom:1px solid #eef3f9;align-items:center;gap:12px;padding:10px 0;display:flex}.conn-item:last-child{border-bottom:none}.conn-item-request{flex-direction:column;align-items:flex-start;gap:8px}.conn-avatar-mini{color:#435063;background:#d6deea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.conn-name{color:#0b1320;flex:1;font-size:.95rem}@media (width<=700px){.topbar{flex-direction:column}.topbar-actions{justify-content:space-between;align-items:center;width:100%}.links{gap:14px}}