@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f4f5fa;background:#090b12;font-synthesis:none;text-rendering:optimizeLegibility;--muted:#9298aa;--line:rgba(255,255,255,.08);--panel:#111521;--accent:#a58bff;--accent2:#68d8cf}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 15% 0%,rgba(91,70,160,.13),transparent 38%),#090b12}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}.auth-shell{max-width:520px;margin:0 auto;min-height:100svh;padding:52px 24px 28px;display:flex;flex-direction:column;justify-content:center}.brand,.side-brand{display:flex;align-items:center;gap:12px;font:800 20px Manrope;letter-spacing:.16em}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#b8a3ff,#6b5bd6 55%,#3cc9bb);display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-8deg);box-shadow:0 8px 30px #8c74f444}.brand-mark i{display:block;width:4px;border-radius:4px;background:#fff;transform:skew(-24deg)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:14px}.brand-mark.small{width:29px;height:29px;border-radius:9px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#9f91e6;font-weight:700;margin:42px 0 12px}.auth-shell h1{font:800 clamp(42px,9vw,64px)/1.04 Manrope;letter-spacing:-.055em;margin:0}.auth-shell h1 em{font-style:normal;color:#a994ff}.muted{color:var(--muted);line-height:1.55}.intro{max-width:380px;margin:20px 0 30px}.auth-card,.settings-card,.composer-card,.daily-card,.post-card,.profile-card{background:linear-gradient(145deg,rgba(24,29,45,.96),rgba(15,19,30,.96));border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 16px 55px #0002}.tabs{display:flex;gap:8px;padding:4px;background:#0b0e17;border-radius:12px;margin-bottom:20px}.tab{flex:1;background:none;border:0;color:var(--muted);padding:10px;border-radius:9px;font-size:13px}.tab.active{background:#25213b;color:#d9d0ff}.auth-card label{display:block;font-size:12px;color:#c4c7d2;margin:14px 0 8px}.auth-card textarea,.settings-view textarea,.composer-card textarea,.daily-card textarea{width:100%;background:#0b0e17;border:1px solid var(--line);border-radius:12px;color:#fff;padding:13px;resize:vertical;outline:none}.primary{border:0;border-radius:12px;padding:12px 17px;background:linear-gradient(110deg,#9b83ff,#7563db);font-weight:700;color:#fff;box-shadow:0 8px 22px #7967d933}.primary:hover{filter:brightness(1.08)}.wide{width:100%;margin-top:16px;display:flex;justify-content:space-between}.warning{background:#342c1d;border:1px solid #806a3e;border-radius:12px;padding:13px;color:#f4dca6;font-size:13px}.warning p{margin:5px 0 0;color:#c9b98f;line-height:1.5}.keybox{display:flex;align-items:center;gap:10px;background:#0b0e17;border:1px solid var(--line);border-radius:10px;padding:10px}.keybox code{overflow-wrap:anywhere;font-size:11px;color:#c4b8ff;flex:1}.keybox button{border:0;background:none}.check{display:flex!important;align-items:center;gap:8px}.fine{font-size:11px;color:#717789;line-height:1.5;margin-top:18px}.app-shell{min-height:100svh;display:grid;grid-template-columns:245px 1fr;max-width:1600px;margin:auto}.sidebar{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;min-height:100svh;background:#0c0f18}.side-brand{padding:0 10px 42px;font-size:17px}.sidebar nav{display:grid;gap:8px}.nav{background:none;border:0;text-align:left;padding:13px 14px;border-radius:12px;color:#a5aabc;display:flex;gap:13px;align-items:center;font-size:14px}.nav span{font-size:18px;width:20px;text-align:center}.nav.active,.nav:hover{background:#201d34;color:#d9d0ff}.side-bottom{margin-top:auto;display:grid;gap:14px}.my-profile{display:flex;align-items:center;gap:11px;background:#151a27;border:1px solid var(--line);border-radius:14px;padding:10px;text-align:left}.my-profile span:nth-child(2),.chat-row-copy{display:grid;gap:4px;min-width:0}.my-profile small,.chat-row small,.friend-row small{font-size:11px;color:var(--muted)}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#28223e;flex-shrink:0}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;color:#c8baff;background:linear-gradient(140deg,#42376a,#1d5960);font-size:19px}.workspace{padding:34px clamp(20px,4vw,58px);min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar .eyebrow{margin:0 0 5px;font-size:9px}.topbar h2{font:700 27px Manrope;margin:0;letter-spacing:-.04em}.top-actions{display:flex;gap:8px}.icon-btn,.subtle{border:1px solid var(--line);background:#171c2a;border-radius:11px;padding:9px 13px;color:#d4d7e2}.icon-btn{font-size:18px;min-width:40px}.view{min-width:0}.chat-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;min-height:calc(100svh - 130px)}.chat-list,.chat-panel{background:rgba(17,21,33,.78);border:1px solid var(--line);border-radius:19px;min-width:0;overflow:hidden}.chat-list{padding:19px 14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-head h3,.feed-heading h3{font:700 16px Manrope;margin:0}.section-head p{font-size:11px;margin:5px 0 0}.search-wrap{display:flex;align-items:center;gap:8px;background:#0b0e17;border:1px solid var(--line);border-radius:11px;padding:0 12px;margin-bottom:12px;color:var(--muted)}.search-wrap input{width:100%;background:none;border:0;outline:0;color:#fff;padding:11px 0;font-size:12px}.chat-row{display:flex;align-items:center;gap:11px;width:100%;padding:11px 7px;background:none;border:0;border-radius:12px;text-align:left}.chat-row:hover{background:#1c2130}.chat-row-copy{flex:1}.chat-row-copy b,.friend-row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.chat-meta{display:grid;justify-items:end;gap:7px;color:var(--muted)}.chat-meta small{font-size:10px}.chat-meta i{font-style:normal;background:#8b78ec;border-radius:20px;padding:2px 6px;font-size:10px}.chat-panel{display:flex;flex-direction:column;min-height:500px}.empty-state{margin:auto;text-align:center;padding:35px 20px;max-width:300px;color:var(--muted)}.empty-icon{width:48px;height:48px;border-radius:16px;background:#25213b;color:#c4b5ff;display:grid;place-items:center;font-size:22px;margin:0 auto 15px}.empty-state h3{color:#e7e8ef;font:700 16px Manrope;margin:0 0 8px}.empty-state p{font-size:12px;line-height:1.6;margin:0}.conversation-head{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid var(--line)}.person-link{display:grid;gap:3px;background:none;border:0;text-align:left}.person-link b{font-size:13px}.person-link small{font-size:10px;color:var(--muted)}.spacer{flex:1}.messages{padding:20px;display:flex;flex-direction:column;gap:11px;flex:1;overflow-y:auto;max-height:calc(100svh - 280px)}.bubble{max-width:min(75%,520px);align-self:flex-start;background:#202638;border:1px solid var(--line);padding:10px 13px;border-radius:14px 14px 14px 4px}.bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#574c8b,#39345e);border-radius:14px 14px 4px 14px}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.bubble small{display:block;text-align:right;color:#c0bad7;font-size:9px;margin-top:5px}.composer{display:flex;gap:9px;padding:13px;border-top:1px solid var(--line)}.composer textarea{flex:1;resize:none;background:#0b0e17;border:1px solid var(--line);border-radius:12px;color:#fff;padding:12px;outline:none;max-height:110px}.send-btn{width:43px;border:0;border-radius:12px;background:#8e7af0;font-size:22px}.feed-view,.friends-view,.settings-view{max-width:820px;margin:auto;display:grid;gap:16px}.composer-card textarea{margin:6px 0 12px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-actions .muted{font-size:11px}.daily-card{background:linear-gradient(120deg,#292346,#172b37);display:grid;gap:12px}.daily-card .eyebrow{margin:0}.daily-card h3{font:700 19px Manrope;margin:7px 0}.daily-card p{margin:0;font-size:12px}.daily-card textarea{background:#101724}.daily-card .subtle{justify-self:end}.feed-heading{display:flex;justify-content:space-between;align-items:center}.post-card{padding:18px}.post-author{display:flex;align-items:center;gap:11px}.post-author div{display:grid;gap:4px}.post-author b{font-size:13px}.post-author small{font-size:10px;color:var(--muted)}.post-content{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 3px}.friend-row{display:flex;align-items:center;gap:12px;padding:13px;background:#141a27;border:1px solid var(--line);border-radius:13px}.friend-row>span:nth-child(2){display:grid;gap:4px;flex:1}.friend-remove{font-size:11px}.profile-card{text-align:center;max-width:560px;margin:30px auto;padding:35px}.profile-card>.avatar{width:86px;height:86px;margin:0 auto 15px}.profile-card h2{font:700 23px Manrope;margin:0 0 6px}.profile-card p{font-size:13px;overflow-wrap:anywhere}.profile-card a{color:#b9aaff;font-size:13px}.profile-actions{display:flex;justify-content:center;gap:9px;margin-top:20px}.profile-card>.primary{margin-top:16px}.settings-card h3{font:700 16px Manrope;margin:0 0 7px}.settings-card p{font-size:12px}.settings-card .keybox{margin:12px 0}.settings-card textarea{margin:8px 0}.danger{color:#ff9b9b}.loading-screen{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.loading-screen .brand-mark{width:48px;height:48px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#222a3b;border:1px solid var(--line);padding:12px 18px;border-radius:12px;z-index:10;font-size:13px;transition:.2s;box-shadow:0 12px 35px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#48272d;border-color:#87434e}#mobile-menu{display:none}
@media(max-width:850px){.app-shell{grid-template-columns:75px 1fr}.sidebar{padding:22px 10px;align-items:center}.side-brand{padding:0 0 38px}.side-brand b,.nav:not(.active)::after,.nav{font-size:0}.sidebar nav{width:100%}.nav{justify-content:center;padding:14px 8px}.nav span{font-size:20px}.side-bottom{width:100%}.my-profile{justify-content:center;padding:8px}.my-profile span:nth-child(2){display:none}.chat-layout{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}.workspace{padding:25px 20px}}
@media(max-width:620px){.app-shell{display:block}.sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;width:245px;align-items:stretch;transform:translateX(-105%);transition:.25s;box-shadow:15px 0 50px #0008}.sidebar.mobile-open{transform:translateX(0)}.side-brand b{display:block}.sidebar .nav{font-size:14px;justify-content:flex-start;padding:13px 14px}.sidebar .nav span{font-size:18px}.my-profile span:nth-child(2){display:grid}.workspace{padding:22px 13px}.topbar{margin-bottom:18px}.topbar h2{font-size:23px}#mobile-menu{display:block}.chat-layout{display:block;min-height:calc(100svh - 105px)}.chat-list{min-height:calc(100svh - 110px)}.chat-panel{display:none;position:fixed;z-index:4;inset:0;border-radius:0;min-height:100svh;background:#0e121d}.chat-panel:has(.conversation-head){display:flex}.messages{max-height:none;padding-bottom:25px}.conversation-head{padding-top:max(14px,env(safe-area-inset-top))}.composer{padding-bottom:max(13px,env(safe-area-inset-bottom))}.feed-view,.friends-view,.settings-view{gap:12px}.composer-card,.daily-card,.settings-card{padding:17px}.composer-actions{align-items:flex-end}.composer-actions .muted{max-width:150px}.profile-card{margin:10px auto;padding:25px 16px}.auth-shell{padding-top:35px}.auth-shell h1{font-size:48px}}