:root{color:var(--text-main);--font-display:"Space Grotesk", "JetBrains Mono", sans-serif;--font-body:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--surface:#131313;--surface-low:#1c1b1b;--surface-mid:#201f1f;--surface-high:#353534;--surface-card:#3a3939;--text-main:#e5e2e1;--text-soft:#cfcaca;--text-muted:#8e9289;--accent:#d1e2c4;--accent-strong:#abd600;--accent-cyan:#00eefc;--accent-pink:#f0f;--accent-purple:#a900a9;--accent-yellow:#c3f400;--black:#050505;--white:#f2f0ed;--glass-dark:var(--surface-low);--glass-deep:var(--surface);--glass-mid:var(--surface-high);--glass-light:#ffffff0f;--glass-border:#000;--glass-border-strong:var(--white);--shadow-deep:4px 4px 0 var(--accent-cyan);--shadow-card:4px 4px 0 var(--accent-pink);--radius-xl:0;--radius-lg:0;--radius-md:0;font-synthesis:none;text-rendering:optimizelegibility;background:#131313;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.glass-panel{background:var(--surface-low);border:3px solid var(--black);box-shadow:var(--shadow-deep);border-radius:0}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text-main);background:var(--surface);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}body:before{content:"";background:linear-gradient(to right, #ffffff0e 1px, transparent 1px), linear-gradient(to bottom, #ffffff0e 1px, transparent 1px), var(--surface);z-index:-2;background-size:50px 50px;position:fixed;inset:0}body:after{content:"";z-index:-1;background:linear-gradient(90deg,#00000085,#0000 38%,#0003);position:fixed;inset:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);margin:0;font-size:11px;font-weight:850}.muted{color:var(--text-muted);margin:0;line-height:1.55}label{color:var(--text-soft);gap:7px;font-weight:750;display:grid}input,textarea{border:3px solid var(--black);background:var(--surface-mid);width:100%;color:var(--text-main);box-shadow:none;border-radius:0;outline:none;padding:13px 15px}textarea{resize:vertical;min-height:92px}input::placeholder,textarea::placeholder{color:#575757;text-transform:uppercase}input:focus,textarea:focus{border-color:var(--white);box-shadow:4px 4px 0 var(--accent-purple)}input[type=file]::file-selector-button{border:3px solid var(--black);background:var(--accent);color:var(--black);text-transform:uppercase;border-radius:0;margin-right:10px;padding:8px 11px;font-weight:900}.primary,.secondary,.tool,.top-nav button,.post-card button,.message-input button,.community-card button,.person-card button,.notifications button,.auth-switch button,.segmented button{border:3px solid var(--black);background:var(--surface-high);color:var(--text-main);box-shadow:4px 4px 0 var(--accent-cyan);font-family:var(--font-display);text-transform:uppercase;border-radius:0;padding:11px 16px;font-weight:800;transition:transform .12s,background .12s,box-shadow .12s}.primary{background:var(--accent);color:var(--black);box-shadow:5px 5px 0 var(--accent-pink)}.secondary{background:var(--surface-high);box-shadow:4px 4px 0 var(--accent-yellow)}.tool{min-height:40px;color:var(--text-soft);padding:9px 13px}button:hover{transform:translate(-2px,-2px)}button:active,.bubble:active{transform:translate(4px,4px);box-shadow:0 0 #0000}button:disabled{opacity:.55;cursor:not-allowed}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-page,.app-page{min-height:100vh;padding:28px}.auth-page{align-content:center;gap:22px;display:grid}.brand{color:var(--text-main);font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;font-size:23px;font-weight:900;display:inline-flex}.brand-mark{background:var(--surface-high);width:44px;height:44px;color:var(--text-main);border:3px solid var(--black);box-shadow:4px 4px 0 var(--accent-cyan);border-radius:0;place-items:center;font-size:25px;display:grid}.brutal-app{background:0 0;grid-template-columns:320px minmax(0,1fr);padding:0;display:grid}@keyframes navDrop{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}.side-nav{background:var(--surface-low);border-right:5px solid var(--black);grid-template-rows:auto auto 1fr auto;height:100vh;display:grid;position:sticky;top:0}.side-user{border:0;border-bottom:5px solid var(--black);min-height:138px;color:var(--text-main);text-align:left;box-shadow:none;background:0 0;align-items:center;gap:16px;padding:24px;display:flex}.side-avatar,.avatar{border:3px solid var(--white);background:var(--surface-high);width:54px;height:54px;color:var(--text-main);font-family:var(--font-display);text-transform:uppercase;box-shadow:4px 4px 0 var(--accent-pink);place-items:center;font-weight:900;display:grid;overflow:hidden}.side-avatar img{object-fit:cover;filter:grayscale()contrast(1.2);width:100%;height:100%}.side-user strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;display:block}.side-user small{color:var(--accent);text-transform:uppercase;font-weight:900}.new-chat-btn{border:3px solid var(--black);background:var(--accent);min-height:56px;color:var(--black);box-shadow:5px 5px 0 var(--accent-cyan);font-family:var(--font-display);text-transform:uppercase;margin:26px 24px;font-size:16px;font-weight:900}.side-tabs,.side-footer{border-top:5px solid var(--black);align-content:start;gap:12px;padding:20px;display:grid}.side-footer{border-top:5px solid var(--black)}.side-tabs button,.side-footer button{border:2px solid var(--black);min-height:56px;color:var(--text-main);box-shadow:none;font-family:var(--font-display);text-transform:uppercase;text-align:left;background:0 0;align-items:center;gap:14px;padding:14px 16px;font-weight:900;display:flex}.side-tabs button.active,.side-footer button.active{background:var(--surface-high);box-shadow:5px 5px 0 var(--accent-cyan);border-width:3px}.nav-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:24px;height:24px}.app-main{grid-template-rows:auto 1fr;min-width:0;min-height:100vh;display:grid}.mobile-topbar{display:none}.tabs{background:var(--surface-low);border:3px solid var(--black);border-radius:0;justify-content:center;gap:7px;padding:5px;display:flex;overflow-x:auto}.tabs button,.top-nav .icon-button,.mini-profile{color:var(--text-main);white-space:nowrap}.tabs button{box-shadow:none;background:0 0;border-color:#0000;padding:10px 14px}.tabs .active,.segmented .active{background:var(--surface-high);color:var(--text-main);border-color:var(--black);box-shadow:4px 4px 0 var(--accent-cyan)}.search{color:#fff;background:var(--surface-mid);min-height:46px}.icon-button{place-items:center;min-width:48px;height:48px;font-size:15px;display:grid;position:relative}.icon-button span{background:var(--accent-pink);color:#fff;border-radius:0;place-items:center;min-width:22px;height:22px;font-size:12px;font-weight:850;display:grid;position:absolute;top:-5px;right:-2px}.mini-profile{align-items:center;gap:9px;height:48px;display:inline-flex}.mini-profile img{object-fit:cover;border-radius:50%;width:28px;height:28px}.page-content{width:100%;min-width:0;margin:0}.feed-center,.side-panel,.directory,.chat-grid{padding:22px}.section-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}h2,h3{color:var(--text-main);font-family:var(--font-display);text-transform:uppercase;margin:0;font-weight:900}.segmented,.tag-row,.stats,.emoji-row{flex-wrap:wrap;gap:8px;display:flex}.auth-shell{background:linear-gradient(145deg,#10221b94,#2c413447);grid-template-columns:minmax(0,1fr) 460px;width:min(1120px,100%);min-height:690px;margin:0 auto;display:grid;overflow:hidden}.auth-visual{background:linear-gradient(90deg,#0c1d1805,#0c1d1880),url(/image-reg.webp) 50%/cover;min-height:620px}.auth-card{align-content:center;padding:42px;display:grid}.auth-form{gap:16px;display:grid}.auth-form h1{color:#f8fff7;margin:0;font-size:clamp(34px,6vw,58px);line-height:1}.auth-switch{flex-wrap:wrap;gap:8px;display:flex}.auth-switch button{color:var(--text-soft);background:#ffffff17;padding:9px 12px}.recovery-code{color:#f8fff7;overflow-wrap:anywhere;background:#08161157;border:1px solid #ffffff24;border-radius:20px;padding:18px;font-size:20px}.checkline{grid-template-columns:auto 1fr;align-items:center;display:flex}.checkline input{width:auto}.feed-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(230px,280px);align-items:start;gap:22px;display:grid}.feed-layout.focus{grid-template-columns:minmax(0,1060px);justify-content:center}.feed-center{background:linear-gradient(145deg,#12221c94,#22362b57)}.tag-row span,.stats span{color:var(--text-soft);background:#ffffff1c;border:1px solid #ffffff21;border-radius:999px;padding:8px 11px}.side-panel{color:var(--text-soft);gap:14px;padding:18px;display:grid}.side-panel h3{font-size:24px}.panel-card,.pulse-row,.discover-row{background:#0917123d;border:1px solid #ffffff21;border-radius:22px;padding:14px;box-shadow:inset 0 1px #ffffff14}.panel-card strong{color:#fff;margin-top:8px;font-size:26px;line-height:1;display:block}.pulse-row,.discover-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pulse-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #b9d8751a}.discover-hero{background:linear-gradient(#08120e14,#08120e9e),url(/image-back-1.webp) 50% 42%/cover;border:1px solid #ffffff29;border-radius:24px;align-content:end;gap:6px;min-height:132px;padding:16px;display:grid}.composer,.post-card,.person-card,.community-card{border-radius:var(--radius-lg);color:var(--text-main);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff21;background:linear-gradient(145deg,#ffffff24,#ffffff0d),#11221c6b;border:1px solid #ffffff2e;padding:16px}.composer{gap:13px;margin-bottom:20px;padding:16px;display:grid}.composer-main{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.composer textarea{resize:none;background:#05120e33;border-color:#ffffff21;border-radius:22px;min-height:72px;padding:17px 18px}.composer-actions,.post-card footer,.person-card div,.inline-create{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composer-actions{justify-content:space-between}.composer-tools{flex-wrap:wrap;gap:8px;display:flex}.post-card{margin-top:16px;padding:18px}.post-card header{align-items:center;gap:12px;display:flex}.post-card header span{color:var(--text-muted);margin-top:2px;font-size:13px;display:block}.post-card p{color:var(--text-soft);margin:14px 0;line-height:1.58}.post-card footer{margin-top:13px}.post-card footer button{color:var(--text-muted);background:#ffffff12;padding:9px 12px}.media-preview{text-align:left;background:0 0;border-color:#ffffff29;border-radius:24px;width:100%;min-height:178px;padding:0;display:grid;position:relative;overflow:hidden}.media-preview:hover{transform:translateY(-1px)}.media-strip{grid-template-columns:1.35fr .9fr .72fr;gap:4px;height:176px;display:grid}.media-strip span{background-image:linear-gradient(#09141005,#09141075),url(/image-back-1.webp);background-position:50%;background-size:cover}.media-strip span:nth-child(2){background-position:58% 46%}.media-strip span:nth-child(3){background-position:74% 48%}.media-caption{color:var(--text-main);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07120e7a;border:1px solid #ffffff29;border-radius:999px;place-self:end start;margin:14px;padding:8px 12px;position:absolute}.chat-grid{background:0 0;grid-template-columns:0 minmax(0,1fr);width:calc(100vw - 320px);min-height:100vh;padding:0;display:grid}.chat-list{display:none}.chat-list header,.chat-room header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-list>button{text-align:left;background:var(--surface-mid);border:2px solid var(--black);color:var(--text-main);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.chat-list>button small{color:var(--accent);text-transform:uppercase}.chat-list>button.active{background:var(--surface-high);box-shadow:4px 4px 0 var(--accent-cyan)}.chat-room{border-left:5px solid var(--black);grid-column:1/-1;grid-template-rows:102px minmax(0,1fr) auto auto;min-height:100vh;display:grid;position:relative}.chat-header{border-bottom:5px solid var(--black);background:var(--surface);min-height:102px;padding:20px 34px}.chat-titlemark .avatar{width:56px;height:56px;box-shadow:5px 5px 0 var(--accent-cyan);font-size:24px}.chat-header>div:nth-child(2){margin-right:auto}.chat-header h3{letter-spacing:0;font-size:clamp(22px,3vw,32px);line-height:1}.chat-header span{color:var(--accent);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:900}.chat-actions{gap:18px;display:flex}.chat-actions span{border:3px solid var(--black);background:var(--surface-high);width:48px;height:48px;box-shadow:5px 5px 0 var(--black)}.messages{background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff0e 1px,#0000 1px);background-size:50px 50px;flex-direction:column;gap:28px;padding:60px 36px 36px;display:flex;overflow:auto}.day-chip{border:3px solid var(--black);background:var(--surface-high);box-shadow:5px 5px 0 var(--black);color:var(--text-main);font-family:var(--font-display);text-transform:uppercase;align-self:center;padding:10px 24px}.bubble{background:var(--surface-card);width:fit-content;min-width:240px;max-width:min(760px,72%);color:var(--text-main);border:3px solid var(--black);box-shadow:5px 5px 0 var(--accent-cyan);border-radius:0;padding:22px 24px 30px;transition:transform .12s,box-shadow .12s;position:relative}.bubble:nth-child(odd){margin-left:5vw}.bubble.mine:nth-child(2n){margin-right:3vw}.bubble.mine{box-shadow:5px 5px 0 var(--accent-pink);align-self:flex-end}.bubble:hover{transform:translate(-2px,-2px)}.bubble small,.bubble em{color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;font-size:11px;font-weight:900;display:block}.bubble p{color:var(--text-main);text-shadow:1px 1px 0 var(--black);margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.7vw,25px);line-height:1.42}.bubble time{color:#d9e9f0;font-size:12px;font-weight:900;position:absolute;bottom:10px;right:18px}.bubble.mine time{color:#78936f}.message-media{object-fit:contain;border:3px solid var(--black);background:var(--black);filter:grayscale()contrast(1.08);width:min(100%,580px);max-height:380px;margin-top:14px;display:block}.message-file{border:3px solid var(--black);background:var(--surface-mid);color:var(--text-main);box-shadow:4px 4px 0 var(--accent-yellow);gap:6px;margin-top:14px;padding:14px;text-decoration:none;display:grid}.message-file span{color:var(--accent);text-transform:uppercase;font-weight:900}.reply-preview,.message-input{background:var(--surface);color:var(--text-main);border-top:5px solid var(--black);align-items:center;gap:12px;padding:16px 26px;display:flex}.reply-preview{border-bottom:3px solid var(--black);color:var(--accent)}.reply-preview button{margin-left:auto}.message-input input{background:var(--surface-mid);min-height:58px;font-family:var(--font-display);letter-spacing:.04em;flex:1;font-weight:900}.message-input .primary{min-width:74px;min-height:58px}.send-button{font-size:0}.send-button:before{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:22px solid var(--black);width:0;height:0;margin:auto;display:block}.context-menu{z-index:40;gap:7px;width:220px;padding:10px;display:grid;position:fixed}.context-menu button{color:var(--text-main);text-align:left}.directory{color:#ffffffe6;background:linear-gradient(145deg,#12221c94,#22362b52)}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.person-photo{background:linear-gradient(#0914100a,#0914106b),url(/image-back-1.webp) 50%/cover;border:1px solid #ffffff1f;border-radius:22px;place-items:center;height:130px;display:grid}.person-card h3 span{color:#a6df7c}.community-card{gap:12px;display:grid}.community-card p,.person-card p{margin:0}.modal-backdrop,.media-viewer{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08100d9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-modal{color:#f8fff7;gap:14px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:24px;display:grid;position:relative;overflow:auto}.close{border-radius:50%;width:42px;height:42px;position:absolute;top:18px;right:18px}.avatar,.small-avatar,.big-avatar{color:#fff;background:linear-gradient(135deg,#a0d37eb3,#46734dcc);border-radius:50%;place-items:center;font-weight:900;display:grid}.avatar{flex:none;width:42px;height:42px}.avatar-previews{align-items:end;gap:18px;display:flex}.big-avatar{width:118px;height:118px;font-size:36px}.small-avatar{width:44px;height:44px}.big-avatar img,.small-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.background-choice{background:#08161147;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:12px;padding:10px;display:flex}.background-choice img{object-fit:cover;border-radius:14px;width:96px;height:56px}.notifications{z-index:30;color:#f8fff7;gap:10px;width:min(360px,100vw - 32px);padding:16px;display:grid;position:fixed;top:108px;right:28px}.notifications header{justify-content:space-between;align-items:center;display:flex}.note{text-align:left;background:#08151042;border-radius:18px;gap:4px;display:grid}.note.unread{background:#b9d87538;border-color:#b9d87552}.toast{z-index:80;color:#fff;border-radius:999px;padding:13px 18px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #0003}.toast.good{background:#4b824be6}.toast.bad{background:#964441eb}.media-viewer img{object-fit:contain;cursor:grab;max-width:min(92vw,1180px);max-height:78vh;transition:transform .18s}.viewer-controls{color:#f8fff7;background:#ffffff29;border-radius:999px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}@media (width<=1100px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:260px}.brutal-app{grid-template-columns:1fr}.side-nav{border-right:0;border-bottom:5px solid var(--black);grid-template-rows:auto auto auto;height:auto;position:relative}.side-tabs{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto}.side-footer{display:none}.app-main{min-height:auto}.mobile-topbar{border-bottom:5px solid var(--black);background:var(--surface-low);justify-content:space-between;align-items:center;padding:14px;display:flex}.top-nav{grid-template-columns:1fr;width:min(760px,100vw - 28px)}.feed-layout,.chat-grid{grid-template-columns:1fr;width:100%}.side-panel{display:none}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-room{border-left:0;min-height:720px;padding-left:0}.chat-list{border-bottom:5px solid var(--black);background:var(--surface-low);gap:12px;padding:18px;display:grid}}@media (width<=680px){.auth-page,.app-page{padding:14px}.brutal-app{padding:0}.auth-card{padding:22px}.auth-form h1{font-size:36px}.tabs{width:100%}.top-nav{min-height:auto;padding:13px;top:10px}.brand{font-size:20px}.brand-mark{width:40px;height:40px}.side-user{min-height:96px;padding:18px}.new-chat-btn{margin:18px}.side-tabs{grid-template-columns:1fr;padding:16px}.side-tabs button{min-height:48px;padding:10px}.search{min-height:42px}.composer-main{grid-template-columns:1fr}.composer-actions{align-items:stretch}.composer-actions .primary{width:100%}.media-strip{grid-template-columns:1fr 1fr;height:142px}.media-strip span:first-child{grid-column:1/-1}.cards-grid{grid-template-columns:1fr}.chat-list{border-right:0;padding-right:0}.chat-list header{flex-wrap:wrap}.chat-list header .secondary{flex:160px}.chat-header{min-height:86px;padding:16px}.chat-actions{display:none}.messages{gap:22px;padding:30px 16px}.bubble{min-width:0;max-width:94%;padding:18px 18px 30px}.message-input{flex-wrap:wrap;padding:12px}.message-input input{flex-basis:100%;order:-1}.message-input .primary{flex:1}.section-head{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}