:root{--teal-50:#effefb;--teal-100:#c7fff3;--teal-200:#90ffe8;--teal-300:#4ffbd8;--teal-400:#1ce6c0;--teal-500:#04d4ac;--teal-600:#00a88b;--teal-700:#008570;--teal-800:#05695a;--teal-900:#06574c;--teal-950:#02322c}:root,[data-theme=dark]{--bg-primary:#0a0f0e;--bg-secondary:#0f1514;--bg-elevated:#141c1a;--bg-overlay:rgba(10,15,14,.85);--bg-input:#1a2320;--accent:var(--teal-500);--accent-hover:var(--teal-400);--accent-muted:var(--teal-700);--accent-soft:rgba(4,212,172,.1);--accent-medium:rgba(4,212,172,.2);--accent-gradient:linear-gradient(135deg,var(--teal-400) 0%,var(--teal-600) 50%,var(--teal-800) 100%);--text-primary:#e8edeb;--text-secondary:#a3b3af;--text-muted:#6b8079;--text-disabled:#3d4f4a;--text-inverse:#0a0f0e;--error:#ff6b6b;--error-soft:hsla(0,100%,71%,.1);--warning:#ffb84d;--warning-soft:rgba(255,184,77,.1);--success:#4ade80;--success-soft:rgba(74,222,128,.1);--info:#60a5fa;--info-soft:rgba(96,165,250,.1);--like:#ff6b6b;--like-bg:hsla(0,100%,71%,.1);--repost:#4ade80;--repost-bg:rgba(74,222,128,.1);--reply:var(--teal-400);--reply-bg:rgba(4,212,172,.1);--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.15);--hover:hsla(0,0%,100%,.04);--active:hsla(0,0%,100%,.08);--focus-ring:rgba(4,212,172,.4)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f7f9f8;--bg-elevated:#fff;--bg-overlay:hsla(0,0%,100%,.95);--bg-input:#f0f4f2;--accent:var(--teal-600);--accent-hover:var(--teal-700);--accent-muted:var(--teal-500);--accent-soft:rgba(4,212,172,.08);--accent-medium:rgba(4,212,172,.15);--accent-gradient:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-700) 50%,var(--teal-900) 100%);--text-primary:#0a0f0e;--text-secondary:#3d4f4a;--text-muted:#6b8079;--text-disabled:#a3b3af;--text-inverse:#fff;--error:#dc2626;--error-soft:rgba(220,38,38,.08);--warning:#d97706;--warning-soft:rgba(217,119,6,.08);--success:#16a34a;--success-soft:rgba(22,163,74,.08);--info:#2563eb;--info-soft:rgba(37,99,235,.08);--like:#dc2626;--like-bg:rgba(220,38,38,.08);--repost:#16a34a;--repost-bg:rgba(22,163,74,.08);--reply:var(--teal-600);--reply-bg:rgba(4,212,172,.08);--border-subtle:rgba(0,0,0,.06);--border-default:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.15);--hover:rgba(0,0,0,.04);--active:rgba(0,0,0,.08);--focus-ring:rgba(4,212,172,.3)}:root{--font-sans:"Geist Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Geist Mono","SF Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 15px rgba(0,0,0,.4);--shadow-xl:0 20px 25px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(4,212,172,.15);--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--sidebar-width:275px;--sidebar-collapsed:72px;--content-max:600px;--feed-max:600px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.bento-tile{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.bento-tile:hover{border-color:var(--border-default);background:var(--hover)}.bento-tile.span-1x1{grid-column:span 1;grid-row:span 1}.bento-tile.span-2x1{grid-column:span 2;grid-row:span 1}.bento-tile.span-1x2{grid-column:span 1;grid-row:span 2}.bento-tile.span-2x2{grid-column:span 2;grid-row:span 2}.bento-tile.span-3x1{grid-column:span 3;grid-row:span 1}.bento-tile.span-4x1{grid-column:span 4;grid-row:span 1}.bento-tile.hero{grid-column:span 2;grid-row:span 2;position:relative;overflow:hidden;border-color:var(--accent-muted)}.bento-tile.hero:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.bento-tile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.bento-tile-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.bento-tile-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.bento-tile-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.marketplace-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}@media(min-width:768px){.marketplace-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.marketplace-grid{grid-template-columns:repeat(4,1fr)}}.marketplace-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.marketplace-card:hover{border-color:var(--accent-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.marketplace-card .card-image{aspect-ratio:4/3;background:var(--bg-secondary);position:relative;overflow:hidden}.marketplace-card .card-image img{width:100%;height:100%;object-fit:cover}.marketplace-card .card-body{padding:var(--space-3)}.marketplace-card .card-price{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--accent)}.marketplace-card .card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketplace-card .card-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-tile.hero,.bento-tile.span-2x1,.bento-tile.span-2x2,.bento-tile.span-3x1{grid-column:span 2}.bento-tile.hero{grid-row:span 1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;border:1px solid transparent;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-block{width:100%}.btn-icon{padding:var(--space-2);border-radius:var(--radius-full);aspect-ratio:1}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input:disabled{opacity:.5;cursor:not-allowed}.input-mono{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.05em}.textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);resize:vertical;min-height:80px;transition:all var(--duration-fast) var(--ease-out)}.textarea::placeholder{color:var(--text-muted)}.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-elevated);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.avatar-2xl{width:96px;height:96px}.avatar-3xl{width:128px;height:128px}.avatar-status{position:absolute;bottom:0;right:0;width:30%;height:30%;border-radius:var(--radius-full);background:var(--success);border:2px solid var(--bg-primary)}.avatar-ring{padding:2px;background:var(--accent-gradient)}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-fast) var(--ease-out)}.card:hover{border-color:var(--border-default)}.card-header{border-bottom:1px solid var(--border-subtle)}.card-body,.card-footer,.card-header{padding:var(--space-4)}.card-footer{border-top:1px solid var(--border-subtle)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tag-campus{color:var(--accent)}.tag-faculty{color:var(--teal-300)}.tag-hostel{color:var(--warning)}.divider{height:1px;background:var(--border-subtle);border:none;margin:0}.divider-vertical{width:1px;height:auto}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-avatar{border-radius:var(--radius-full)}.skeleton-image{aspect-ratio:16/9}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--text-primary);animation:toast-in var(--duration-normal) var(--ease-spring)}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}.toast.warning{border-left:3px solid var(--warning)}.toast.info{border-left:3px solid var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(1rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in var(--duration-fast) var(--ease-out)}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-in var(--duration-normal) var(--ease-spring)}.modal-header{border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}.modal-footer{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fab{position:fixed;bottom:calc(var(--space-16) + env(safe-area-inset-bottom));right:var(--space-4);width:56px;height:56px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-inverse);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),var(--shadow-glow);z-index:var(--z-sticky);transition:all var(--duration-fast) var(--ease-out)}.fab:hover{transform:scale(1.05);background:var(--accent-hover)}.fab:active{transform:scale(.95)}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));justify-content:space-around;z-index:var(--z-sticky)}.tab-bar,.tab-bar-item{display:flex;align-items:center}.tab-bar-item{flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative}.tab-bar-item:hover{color:var(--text-secondary)}.tab-bar-item.active{color:var(--accent)}.tab-bar-item .tab-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--error);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;padding:0 4px}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis}.sr-only,.truncate{white-space:nowrap;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.hover-lift{transition:transform var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}@keyframes spring-bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.spring-bounce{animation:spring-bounce var(--duration-normal) var(--ease-spring)}:root{--background-primary:var(--bg-primary);--background-blue:var(--accent);--unidrive-blue:var(--accent);--unidrive-dark-blue:var(--accent-muted);--unidrive-gray:var(--text-muted);--unidrive-light-gray:var(--border-default);--unidrive-black:var(--text-primary);--unidrive-light-black:var(--text-secondary);--unidrive-red:var(--error);--unidrive-light-red:var(--error-soft);--unidrive-dark-red:#df6a6a;--unidrive-orange:var(--warning);--unidrive-purple:#7c5cff;--unidrive-pink:#ff6b9d;--unidrive-white:var(--bg-secondary);--unidrive-muted:var(--text-muted);--hover:var(--hover);--border-color:var(--border-subtle);--const-white:#f5f8fa;--unidrive-like:var(--like);--unidrive-like-background:var(--like-bg);--unidrive-retweet:var(--repost);--unidrive-retweet-background:var(--repost-bg);--unidrive-reply:var(--reply);--unidrive-reply-background:var(--reply-bg);--unidrive-share:var(--accent);--unidrive-share-background:var(--accent-soft);--unidrive-bird:var(--accent);--accent:var(--accent);--accent-hover:var(--accent-hover);--accent-soft:var(--accent-soft);--accent-strong:var(--accent-muted);--accent-gradient:var(--accent-gradient)}[data-theme=dark]{--background-primary:#000;--background-blue:#000;--unidrive-blue:#2dd4bf;--unidrive-dark-blue:#1fa694;--unidrive-gray:#9898a3;--unidrive-light-gray:#303030;--unidrive-black:#f8f8f8;--unidrive-light-black:#cecece;--unidrive-red:#ff4747;--unidrive-light-red:#210000;--unidrive-dark-red:#df6a6a;--unidrive-orange:#ffb898;--unidrive-purple:#a2a2ff;--unidrive-pink:#7cf2ff;--unidrive-white:#16181c;--unidrive-muted:#71767b;--hover:#0c0c0c;--border-color:#1e2022;--const-white:#f5f8fa;--unidrive-like:#ff82bc;--unidrive-like-background:#57183599;--unidrive-retweet:#008559;--unidrive-retweet-background:#13aa751a;--unidrive-reply:#2dd4bf;--unidrive-reply-background:#2dd4bf14;--unidrive-share:#2dd4bf;--unidrive-share-background:#2dd4bf14;--unidrive-bird:#f5f8fa;--accent:#2dd4bf;--accent-hover:#1fa694;--accent-soft:#2dd4bf14;--accent-strong:#7ee8db;--accent-gradient:linear-gradient(135deg,#2dd4bf,#19a08f 50%,#0f766e)}a{color:inherit;text-decoration:none}html{font-size:16px}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{background-color:var(--unidrive-blue);border:none;border-radius:2rem;padding:.75rem 1.5rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease-in-out}.btn,.btn:hover{color:var(--const-white)}.btn:hover{background-color:var(--unidrive-dark-blue)}main{position:relative}.btn-light{color:var(--unidrive-blue);background-color:var(--unidrive-white);border:1px solid var(--unidrive-light-gray)}.btn-light:hover{background-color:var(--unidrive-blue);color:var(--const-white)}.btn-dark{background-color:var(--unidrive-black)}.btn-dark,.btn-dark:hover{color:var(--unidrive-white)}.btn-dark:hover{background-color:var(--unidrive-light-black)}.btn-white{color:var(--unidrive-black);background-color:var(--background-primary);border:1px solid var(--unidrive-light-gray)}.btn-white:hover{background-color:var(--hover);color:var(--unidrive-black)}.btn-danger-outline{background-color:var(--unidrive-white);color:var(--unidrive-red);border:1px solid var(--unidrive-red)}.btn-danger-outline:hover{background-color:var(--unidrive-light-red);color:var(--unidrive-red)}.btn-danger{background-color:var(--unidrive-red);color:var(--const-white)}.btn-danger:hover{background-color:var(--unidrive-dark-red);color:var(--const-white)}.disabled{opacity:.5;cursor:not-allowed;filter:blur(1px)}.bold{font-weight:bolder;color:var(--unidrive-black)}.landing{min-height:100vh;background:var(--background-primary)}.landing-hero{display:flex;min-height:100vh}.landing-hero .hero-left{flex:1 1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0f9d8a,#0c7f70)}.landing-hero .hero-left .hero-bg{object-fit:cover;opacity:.3}.landing-hero .hero-left .hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,157,138,.9),rgba(12,127,112,.95))}.landing-hero .hero-left .hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:2rem}.landing-hero .hero-left .hero-logo{margin-bottom:2rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.landing-hero .hero-left .hero-logo img{border-radius:1.5rem}.landing-hero .hero-left .hero-tagline{font-family:var(--font-poppins);font-size:3rem;font-weight:800;margin-bottom:.5rem;line-height:1.1}.landing-hero .hero-left .hero-sub{font-size:1.25rem;opacity:.9}.landing-hero .hero-right{flex:1 1;display:flex;align-items:center;justify-content:center;padding:3rem}.landing-hero .hero-right .hero-right-content{max-width:440px;width:100%}.landing-hero .hero-right .hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-soft);color:var(--unidrive-blue);padding:.35rem .85rem;border-radius:2rem;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.landing-hero .hero-right h2{font-family:var(--font-poppins);font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:2rem;color:var(--unidrive-black)}.landing-hero .hero-right .hero-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.landing-hero .hero-right .hero-explore-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--unidrive-blue);font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s}.landing-hero .hero-right .hero-explore-link:hover{opacity:.8}.btn-primary-lg{background:var(--unidrive-blue);color:#fff;border:none;border-radius:2rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;font-family:var(--font-poppins);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary-lg:hover{background:var(--unidrive-dark-blue)}.btn-outline-lg{background:transparent;color:var(--unidrive-blue);border:1px solid var(--unidrive-blue);border-radius:2rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;font-family:var(--font-poppins);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-outline-lg:hover{background:var(--accent-soft)}.btn-ghost-lg{background:transparent;color:var(--unidrive-muted);border:1px solid var(--border-color);border-radius:2rem;padding:.85rem 2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-ghost-lg:hover{background:var(--hover);color:var(--unidrive-black)}.landing-features{padding:5rem 2rem;max-width:1100px;margin:0 auto}.landing-features .features-header{text-align:center;margin-bottom:3rem}.landing-features .features-header h2{font-family:var(--font-poppins);font-size:2rem;font-weight:800;color:var(--unidrive-black);margin-bottom:.5rem}.landing-features .features-header p{color:var(--unidrive-muted);font-size:1.05rem}.landing-features .features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.landing-features .feature-card{background:var(--background-primary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.landing-features .feature-card .feature-icon{width:48px;height:48px;border-radius:.75rem;background:var(--accent-soft);color:var(--unidrive-blue);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.landing-features .feature-card h3{font-weight:700;font-size:1rem;margin-bottom:.4rem;color:var(--unidrive-black)}.landing-features .feature-card p{font-size:.85rem;color:var(--unidrive-muted);line-height:1.5}.landing-cta{background:linear-gradient(135deg,#0f9d8a,#0c7f70);padding:5rem 2rem;text-align:center}.landing-cta .cta-content{max-width:500px;margin:0 auto;color:#fff}.landing-cta .cta-content h2{font-family:var(--font-poppins);font-size:2rem;font-weight:800;margin-bottom:.75rem}.landing-cta .cta-content p{font-size:1.05rem;opacity:.9;margin-bottom:2rem}.landing-cta .cta-content .cta-buttons{display:flex;gap:.75rem;justify-content:center}.landing-cta .cta-content .cta-buttons .btn-primary-lg{background:#fff;color:var(--unidrive-blue)}.landing-cta .cta-content .cta-buttons .btn-primary-lg:hover{background:#f0f0f0}.landing-cta .cta-content .cta-buttons .btn-outline-lg{border-color:#fff;color:#fff}.landing-cta .cta-content .cta-buttons .btn-outline-lg:hover{background:hsla(0,0%,100%,.1)}.landing-footer{border-top:1px solid var(--border-color);padding:2rem;text-align:center}.landing-footer .footer-content{max-width:800px;margin:0 auto}.landing-footer .footer-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-weight:700;font-size:1.1rem;color:var(--unidrive-black)}.landing-footer .footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.landing-footer .footer-links a{color:var(--unidrive-muted);font-size:.85rem;text-decoration:none}.landing-footer .footer-links a:hover{color:var(--unidrive-blue);text-decoration:underline}.landing-footer .footer-copy{font-size:.8rem;color:var(--unidrive-muted)}@media(max-width:768px){.landing-hero{flex-direction:column}.landing-hero .hero-left{min-height:50vh}.landing-hero .hero-right{padding:2rem 1.5rem}.landing-hero .hero-right .hero-right-content h2{font-size:1.75rem}.landing-features .features-grid{grid-template-columns:1fr}.landing-cta .cta-content .cta-buttons{flex-direction:column}}.dialog .dialog-form{width:100%;display:flex;flex-direction:column}.dialog .dialog-form .btn{width:75%;margin:auto auto 3rem}.dialog .title{font-size:1.75rem;font-weight:700;color:var(--unidrive-black);text-align:center;padding:1rem}.dialog .input-group .input{padding:.5rem;min-width:20vw}.dialog .input-group .input .info{padding-bottom:.75rem;color:var(--unidrive-gray)}.dialog .dialog-icon{margin:auto;padding-top:1rem}.dialog .new-tweet-wrapper{position:relative;padding:.5rem;overflow:hidden}.dialog .new-tweet-wrapper *{border-bottom:none}.dialog .new-tweet-wrapper .input-additions{margin-right:.5rem}.dialog .new-tweet-wrapper .emoji-picker{scale:.9}.dialog .emoji-picker{position:static;z-index:9999}.dialog .logout-buttons{gap:.75rem;margin-bottom:1.5rem;align-items:center}.dialog .logout-buttons .btn{width:75%}.preview-dialog .btn-close{position:absolute;left:1rem;top:.75rem;z-index:9999;color:var(--unidrive-white);background-color:var(--unidrive-light-black);transition:all .2s ease-in-out}.preview-dialog .btn-close:hover{color:var(--unidrive-black);background-color:var(--hover)}.preview-dialog .image-wrapper img{object-fit:contain;display:block}.left-sidebar{position:relative;border-right:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.left-sidebar .fixed{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:.5rem 0;overflow-y:auto;overflow-x:hidden}.left-sidebar .fixed .unidrive-icon{padding:.5rem .75rem;width:-moz-fit-content;width:fit-content;border-radius:50%;transition:background-color .2s}.left-sidebar .fixed .unidrive-icon:hover{background-color:var(--hover)}.left-sidebar .fixed .unidrive-icon>img{border-radius:50%;width:28px;height:28px;object-fit:contain}.left-sidebar .fixed .unidrive-icon .logo-dark,[data-theme=dark] .left-sidebar .fixed .unidrive-icon .logo-light{display:none}[data-theme=dark] .left-sidebar .fixed .unidrive-icon .logo-dark{display:block}.left-sidebar .fixed nav{flex:1 1}.left-sidebar .fixed nav ul{display:flex;flex-direction:column;gap:.15rem;padding:0 .5rem}.left-sidebar .fixed nav ul li .nav-link{padding:.85rem 1rem;border-radius:2rem;display:flex;align-items:center;gap:1.25rem;transition:background-color .2s;color:var(--unidrive-black);position:relative;font-size:1.1rem;font-family:var(--font-poppins)}.left-sidebar .fixed nav ul li .nav-link .nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.left-sidebar .fixed nav ul li .nav-link:hover{background-color:var(--hover)}.left-sidebar .fixed nav ul li .nav-link svg{color:inherit;flex-shrink:0}.left-sidebar .fixed nav ul li .nav-link.active{font-weight:700;color:var(--unidrive-black)}.left-sidebar .fixed nav ul li .nav-link .nav-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--unidrive-blue);border-radius:0 2px 2px 0}.left-sidebar .fixed .btn.btn-post{display:flex;width:calc(100% - 1rem);margin:.75rem .5rem;padding:.85rem;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;font-family:var(--font-poppins);font-weight:700}.left-sidebar .fixed .btn.btn-post .post-btn-text{display:inline}.left-sidebar .fixed .side-profile{position:-webkit-sticky;position:sticky;bottom:0;display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;border-radius:2rem;cursor:pointer;background-color:transparent;transition:background-color .2s;width:calc(100% - 1rem);margin:0 .5rem}.left-sidebar .fixed .side-profile:hover{background-color:var(--hover)}.left-sidebar .fixed .side-profile .side-profile-info{flex:1 1;min-width:0;text-align:left}.left-sidebar .fixed .side-profile .token-name{font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--unidrive-black)}.left-sidebar .fixed .side-profile .token-username{font-size:.8rem;text-align:left}.left-sidebar .fixed .side-profile .side-profile-logout{color:var(--unidrive-muted);opacity:0;transition:opacity .2s;flex-shrink:0}.left-sidebar .fixed .side-profile:hover .side-profile-logout{opacity:1}.left-sidebar .fixed .sidebar-auth-buttons{padding:.5rem}.sidebar-menu .MuiMenuItem-root{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--background-primary);border-top:1px solid var(--border-color);padding:.5rem 0 max(.5rem,env(safe-area-inset-bottom));z-index:100;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:1rem;color:var(--unidrive-black);text-decoration:none;transition:background-color .15s}.mobile-nav-item:active{background-color:var(--hover)}.mobile-nav-item.active{color:var(--unidrive-blue)}.mobile-nav-item .mobile-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mobile-nav-fab{display:none;position:fixed;bottom:5rem;right:1.25rem;width:56px;height:56px;border-radius:50%;border:none;background:var(--unidrive-blue);color:#fff;box-shadow:0 4px 12px rgba(15,157,138,.4);cursor:pointer;z-index:101;align-items:center;justify-content:center;transition:all .2s}.mobile-nav-fab:hover{background:var(--unidrive-dark-blue);transform:scale(1.05)}@media(max-width:1024px){.layout{grid-template-columns:75px 1fr 0}.right-sidebar{display:none}}@media(max-width:768px){.layout{grid-template-columns:1fr}.left-sidebar{display:none}.mobile-bottom-nav,.mobile-nav-fab{display:flex}main>.page-name{padding-bottom:4rem}}.right-sidebar{position:relative}.right-sidebar .fixed{position:fixed;gap:1.5rem;padding:1rem;height:100%;border-left:1px solid var(--border-color);min-width:190px;max-width:300px}.right-sidebar .right-sidebar-close{position:absolute;right:0;top:4px}.right-sidebar .search{position:relative}.right-sidebar .search .search-input{border:1px solid var(--border-color);border-radius:5rem;background-color:var(--unidrive-white);padding:.5rem 1rem .5rem 3rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--unidrive-black);width:235px}.right-sidebar .search .search-input:focus{outline:none;box-shadow:0 0 0 2px var(--unidrive-blue)}.right-sidebar .search .search-input::placeholder{color:var(--unidrive-gray)}.right-sidebar .search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--unidrive-blue)}.right-sidebar .who-to-follow{border:1px solid var(--border-color);border-radius:1rem;background-color:var(--unidrive-white);padding:1rem;display:flex;flex-direction:column;gap:1rem;position:relative}.right-sidebar .who-to-follow h1{font-weight:800;font-size:1.25rem}.right-sidebar .who-to-follow .user-wrapper{display:flex;align-items:center;gap:.75rem}.right-sidebar .who-to-follow .user-wrapper .btn{scale:.9}.right-sidebar .who-to-follow .user-wrapper .user{width:100%;cursor:pointer}.right-sidebar .who-to-follow .user-wrapper .user .user-profile{display:flex;flex-direction:column;gap:.15rem}.right-sidebar .who-to-follow .user-wrapper .user .user-profile .flex{display:flex;justify-content:space-between}.right-sidebar .who-to-follow .user-wrapper .user .user-profile .flex .flex-left{display:flex;flex-direction:column;justify-content:center;gap:.15rem}.right-sidebar .who-to-follow .user-wrapper .user .user-profile .user-name{font-weight:700;font-size:.93rem;overflow-wrap:anywhere}.right-sidebar .who-to-follow .user-wrapper .user .user-profile .user-name:hover{text-decoration:underline}.right-sidebar .who-to-follow .user-wrapper .user .user-profile .user-desc{display:none}.right-sidebar .reminder{border:1px solid var(--border-color);border-radius:1rem;background-color:var(--unidrive-white);padding:1rem;display:flex;flex-direction:column;position:relative;gap:1rem}.right-sidebar .reminder h1{font-weight:800;font-size:1.25rem}.right-sidebar .reminder p{font-size:.8rem}.right-sidebar .reminder .btn{margin:.25rem .25rem 1.5rem;display:flex;justify-content:center}.right-sidebar .reminder .reminder-buttons{scale:.75;margin-bottom:-1rem}.right-sidebar .complete-reminder{border:1px solid var(--border-color);border-radius:1rem;background-color:var(--unidrive-white);padding:1rem;display:flex;flex-direction:column;position:relative;gap:1rem}.right-sidebar .complete-reminder h1{font-weight:800;font-size:1.25rem}.right-sidebar .complete-reminder p{font-size:.8rem;line-height:1.25}.right-sidebar .complete-reminder .btn{text-align:center}.right-sidebar .complete-reminder ol li{list-style:initial;list-style-type:decimal;list-style-position:inside;line-height:1.5;cursor:help}.right-sidebar .legal{font-size:.8rem;color:var(--unidrive-muted)}.right-sidebar .legal .legal-links{margin-inline:1rem;text-align:center}.right-sidebar .legal .legal-links li{display:inline-block;margin-right:10px}.right-sidebar .legal .legal-links a:hover{text-decoration:underline}.right-sidebar .legal .copy{text-align:center;display:flex;flex-direction:column;padding-top:1rem;gap:.5rem;transition:color .2s ease-in-out}.right-sidebar .legal .copy a:hover{color:var(--unidrive-blue)}.right-sidebar .legal .copy .github{color:var(--unidrive-black);transition:transform .5s ease-in-out;font-size:2rem}.right-sidebar .legal .copy .github:hover{transform:rotate(1turn)}.input-additions{display:flex;align-items:center;gap:1rem;font-size:1.25rem;color:var(--unidrive-blue);padding-top:1rem;border-top:1px solid var(--border-color)}.input-additions .progress-circle{display:flex;margin-left:auto;align-items:center;gap:.5rem}.input-additions .progress-circle .progress-text{font-size:.75rem}.input-additions .progress-circle .error{color:red}.footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;padding:1rem;display:flex;justify-content:center;gap:5rem;align-items:center;color:var(--const-white);background-color:var(--unidrive-blue);opacity:.9}.footer .footer-div{padding-left:1rem}.footer .btn{margin:0 .5rem;color:var(--const-white);background-color:var(--unidrive-dark-blue);font-size:.93rem;border:1px solid var(--border-color);padding:.5rem 1.5rem}.footer .btn:hover{background-color:var(--unidrive-blue)}.footer .btn-light{background-color:var(--unidrive-white);color:var(--unidrive-black);border:none}.footer .btn-light:hover{background-color:var(--unidrive-light-gray)}.footer h1{font-weight:700;font-size:1.5rem;padding-bottom:.25rem}.new-tweet-form{display:flex;padding:1rem;border-bottom:1px solid var(--border-color)}.new-tweet-form form{width:100%;margin-top:-.25rem;padding-left:1rem}.new-tweet-form form .input textarea{font-size:1.25rem;padding:.25rem 0}.new-tweet-form form .input :after,.new-tweet-form form .input :before,.new-tweet-form form .input:hover :after,.new-tweet-form form .input:hover :before{border:none!important}.tweet{border-bottom:1px solid var(--border-color);padding:1rem;display:flex;align-items:center;gap:1rem;overflow:hidden;transition:background-color .2s ease-in-out}.tweet:hover{background-color:var(--hover)}.tweet .tweet-avatar{margin-bottom:auto}.tweet .tweet-main{display:flex;flex-direction:column;gap:.5rem;width:100%}.tweet .tweet-main .tweet-text{overflow-wrap:anywhere;line-height:normal;font-size:.875rem;font-family:var(--font-poppins);white-space:pre-line}.tweet .tweet-main .tweet-image{border:1px solid var(--border-color);border-radius:1.5rem;overflow:hidden;margin-top:.5rem;width:-moz-fit-content;width:fit-content}.tweet .tweet-main .tweet-image img{object-fit:cover;display:block;cursor:pointer;max-width:100%;transition:filter .2s ease-in-out}.tweet .tweet-main .tweet-image img:hover{filter:brightness(.95)}.tweet .tweet-main .tweet-bottom{max-width:400px;display:flex;justify-content:space-between;margin-top:.5rem;transform:translate(-6px,-6px)}.tweet .tweet-main .tweet-bottom .icon{border:none;background-color:inherit;display:flex;justify-content:center;color:var(--unidrive-muted);opacity:.75;align-items:center}.tweet .tweet-main .tweet-bottom .icon svg{border-radius:5rem;transition:all .2s ease-in-out;padding:.5rem}.tweet .tweet-main .tweet-bottom .icon:hover{cursor:pointer;opacity:1}.tweet .tweet-main .tweet-bottom .icon span{display:flex;justify-content:center;align-items:center}.tweet .tweet-main .tweet-bottom .icon.active{font-weight:900}.tweet .tweet-main .tweet-bottom .like:hover svg{background-color:var(--unidrive-like-background);color:var(--unidrive-like)}.tweet .tweet-main .tweet-bottom .like.active,.tweet .tweet-main .tweet-bottom .like:hover{color:var(--unidrive-like)}.tweet .tweet-main .tweet-bottom .retweet:hover svg{background-color:var(--unidrive-retweet-background);color:var(--unidrive-retweet)}.tweet .tweet-main .tweet-bottom .retweet.active,.tweet .tweet-main .tweet-bottom .retweet:hover{color:var(--unidrive-retweet)}.tweet .tweet-main .tweet-bottom .reply:hover svg{background-color:var(--unidrive-reply-background);color:var(--unidrive-reply)}.tweet .tweet-main .tweet-bottom .reply:hover{color:var(--unidrive-reply)}.tweet .tweet-main .tweet-bottom .share:hover svg{background-color:var(--unidrive-share-background);color:var(--unidrive-share)}.tweet .tweet-author-section{display:flex;align-items:center}.tweet .tweet-author-section .tweet-author-link{display:flex;align-items:center;gap:.35rem}.tweet .tweet-author-section .tweet-author-link:hover .tweet-author{text-decoration:underline}.tweet .tweet-author-section .tweet-author{font-weight:700;font-size:.93rem;display:flex;align-items:center}.tweet .tweet-author-section .text-muted.date{font-size:.75rem;opacity:.75;cursor:pointer;white-space:nowrap}.single-tweet{display:flex;flex-direction:column;align-items:flex-start}.single-tweet .single-tweet-author-section{display:flex;gap:.75rem;width:100%}.single-tweet .single-tweet-author-section .tweet-author-section{width:100%}.single-tweet .single-tweet-author-section .tweet-author-section .tweet-author-link{display:flex;flex-direction:column;align-items:flex-start}.single-tweet .tweet-main{gap:1.25rem}.single-tweet .tweet-main .tweet-text{font-size:medium}.single-tweet .tweet-main .date{display:block}.single-tweet .tweet-main .date,.single-tweet .tweet-main .tweet-stats{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.single-tweet .tweet-main .tweet-bottom{max-width:inherit;justify-content:space-around}.single-tweet .tweet-main .tweet-bottom .icon{opacity:inherit}.retweet.tweet{padding:2rem 1rem 1rem;position:relative}.retweet.tweet .retweeted-by{position:absolute;top:.5rem;left:3.1rem;font-size:.75rem;font-weight:700;color:var(--unidrive-muted);display:flex;align-items:center;gap:1rem}.retweet.tweet .retweeted-by:hover{text-decoration:underline}.counters .counter-btn{border:none;font-style:inherit;background-color:inherit;text-align:inherit;cursor:pointer}.counters .counter-btn:hover .text-muted{text-decoration:underline}.counters .count{font-weight:900;font-size:1rem;color:var(--unidrive-black)}.counters .count .text-muted{font-weight:400;font-size:.85rem}.user-list .user-wrapper{display:flex;align-items:center;gap:.75rem;min-height:90px;padding:0 1rem;transition:background-color .2s ease-in-out}.user-list .user-wrapper:hover{background-color:var(--hover)}.user-list .user{width:100%;cursor:pointer}.user-list .user .user-profile{display:flex;flex-direction:column;gap:.15rem}.user-list .user .user-profile .flex{display:flex;justify-content:space-between}.user-list .user .user-profile .flex .flex-left{display:flex;flex-direction:column;justify-content:center;gap:.15rem}.user-list .user .user-profile .user-name{font-weight:700;font-size:.93rem}.user-list .user .user-profile .user-desc{font-size:.875rem;font-family:var(--font-poppins);line-height:normal;overflow-wrap:anywhere}.user-list .user .user-profile .user-name:hover{text-decoration:underline}.profile-layout{display:flex;flex-direction:column}.profile-layout .profile-nav{display:flex;width:100%;justify-content:space-around;margin-top:1.75rem;border-bottom:1px solid var(--border-color)}.profile-layout .profile-nav .profile-nav-link{display:flex;justify-content:center;flex:1 1;padding:1rem 2rem .25rem;transition:background-color .2s ease-in-out;color:var(--unidrive-muted);font-weight:500}.profile-layout .profile-nav .profile-nav-link:hover{background-color:var(--hover)}.profile-layout .profile-nav .active span{color:var(--unidrive-black);font-weight:700;padding:0 .25rem .75rem;border-bottom:3px solid var(--unidrive-blue)}.profile-layout .profile .profile-header{width:100%;height:200px;position:relative}.profile-layout .profile .profile-header .avatar-wrapper{position:absolute;bottom:-70px;left:1.5rem;border:4px solid var(--unidrive-white);border-radius:5rem}.profile-layout .profile .profile-header img{object-fit:cover}.profile-layout .profile .profile-info{margin-top:5.5rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:1rem;position:relative}.profile-layout .profile .profile-info .edit-profile-section{position:absolute;right:1rem;top:-4.5rem;font-weight:600;font-size:.93rem}.profile-layout .profile .profile-info .edit-profile-section .new-message{border:1px solid var(--unidrive-light-gray)}.profile-layout .profile .profile-info .flex{display:flex;gap:.5rem}.profile-layout .profile .profile-info .profile-info-main{display:flex;flex-direction:column;gap:.33rem}.profile-layout .profile .profile-info .profile-info-main .is-following{font-size:.7rem;font-weight:500;background-color:var(--unidrive-white);color:var(--unidrive-black);padding:.1rem .25rem;border-radius:.5rem}.profile-layout .profile .profile-info .profile-info-main h1{font-size:1.2rem;font-weight:900}.profile-layout .profile .profile-info .profile-info-desc{font-size:.93rem;line-height:normal;overflow-wrap:anywhere;font-family:var(--font-poppins)}.profile-layout .profile .profile-info .profile-info-optional{display:flex;gap:1rem}.profile-layout .profile .profile-info .profile-info-optional div{display:flex;align-items:center;gap:.5rem}.profile-layout .profile .profile-info .profile-info-popularity{display:flex;gap:1rem}.profile-layout .profile .profile-info .profile-info-popularity .count{font-weight:900}.profile-layout .profile .profile-info .profile-info-popularity .popularity-section{cursor:pointer}.profile-layout .profile .profile-info .profile-info-popularity .popularity-section:hover .text-muted{text-decoration:underline}.profile-card{padding:1.25rem 1rem;min-width:100px;max-width:300px;display:flex;flex-direction:column;gap:.75rem}.profile-card .avatar-wrapper img{object-fit:cover}.profile-card .profile-info-main{display:flex;flex-direction:column;gap:.33rem}.profile-card .profile-info-main .is-following{font-size:.66rem;font-weight:500;background-color:var(--unidrive-white);color:var(--unidrive-black);padding-inline:.25rem;border-radius:.5rem}.profile-card .profile-info-main h1{font-size:1.2rem;font-weight:900}.profile-card .profile-info-desc{font-size:.9rem;line-height:normal;overflow-wrap:anywhere;font-family:var(--font-poppins)}.profile-card .profile-info-popularity{display:flex;gap:1rem}.profile-card .profile-info-popularity .count{font-weight:900}.edit-profile .profile-header{width:100%;height:200px;position:relative}.edit-profile .profile-header .avatar-wrapper{position:absolute;bottom:-70px;left:1.5rem;border:4px solid var(--unidrive-white);border-radius:5rem}.edit-profile .profile-header .add-photo{position:absolute;font-size:1.5rem;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.25)}.edit-profile .profile-header .add-photo:hover{background-color:hsla(0,0%,100%,.25)}.edit-profile .profile-header img{object-fit:cover}.edit-profile .input-group{margin:6.5rem 2rem 0}.edit-profile .input-group .input{padding:.5rem;min-width:20vw}.edit-profile .input-group h1{font-weight:700;font-size:1.33rem;padding:0 0 1.25rem .7rem}.edit-profile .input-group .save{float:right;margin:.5rem}.error-global{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;height:100vh;background-color:var(--background-blue);z-index:1000;position:fixed;inset:0}.error-global h1{font-size:3.5rem;font-weight:300;color:var(--const-white)}.error-global a{color:var(--const-white);font-size:1.5rem;font-weight:900;transition:color .2s ease-in-out}.error-global a:hover{color:var(--unidrive-light-gray)}.error-global .btn-dark{width:10rem}.layout{display:grid;grid-template-columns:75px minmax(360px,600px) 1fr;height:100vh;position:relative;max-width:1280px;margin:0 auto}.loading-wrapper{margin:3rem 2rem}.global-loading-wrapper,.loading-wrapper{display:flex;justify-content:center;align-items:center}.global-loading-wrapper{z-index:1000;height:100vh;background-color:var(--background-blue)}.global-loading-wrapper .bird{animation:zoom-in 1.5s forwards;color:var(--const-white);font-size:xx-large}.text-muted{font-size:.93rem;color:var(--unidrive-muted)}.middle-dot{padding:.33rem;font-weight:900}.page-name{padding:2rem 1rem;font-size:1.25rem;font-weight:700;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;z-index:50;top:0;background-color:var(--background-primary);opacity:.9}.button-group{display:flex;flex-direction:column;gap:1rem;justify-content:center}.delete{border:none;background-color:inherit;color:var(--unidrive-red);font-weight:700}a.icon-hoverable{border-radius:5rem;cursor:pointer;aspect-ratio:1;padding:.75rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}a.icon-hoverable:hover{background-color:var(--hover)}button.icon-hoverable{border:none;cursor:pointer;background:inherit;color:inherit;border-radius:5rem;aspect-ratio:1;padding:.75rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}button.icon-hoverable:hover{background-color:var(--hover)}.three-dots.icon-hoverable{margin-left:auto;font-size:1.25rem}.three-dots.icon-hoverable:hover{background-color:var(--unidrive-light-gray)}.fixed-link{position:absolute;top:1rem;right:2rem;font-weight:900;color:var(--unidrive-dark-blue);display:flex;gap:.5rem;transition:all .2s ease-in-out}.fixed-link:hover{text-decoration:underline;color:var(--unidrive-blue)}.div-link{cursor:pointer}.retweet-svg{width:1rem}.emoji-picker{position:absolute;z-index:9999}.avatar img{transition:filter .2s ease-in-out}.avatar img:hover{filter:brightness(80%)}.nothing-to-show{text-align:center;padding:5rem 0;font-size:1.5rem;color:var(--unidrive-muted)}.nothing-to-show h1{font-family:var(--font-poppins);font-weight:300}.nothing-to-show p{font-size:1.25rem;padding-top:2rem;font-family:cursive}.dropzone{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px dashed var(--border-color)!important;border-radius:2px;color:var(--unidrive-gray);outline:none;margin-top:1rem;transform:translateX(-65px);margin-right:-4rem}.dropzone .presentation{cursor:pointer}.dropzone .preview{object-fit:scale-down;border:1px dashed var(--border-color);margin:1rem;padding:1rem}.back-to{padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;z-index:50;top:0;background-color:var(--background-primary);opacity:.9}.back-to .top{display:flex;flex-direction:column;gap:.25rem}.back-to .top .top-title{font-weight:700;font-size:1.33rem}.back-to .btn{border:none}.new-reply{border-top:none;padding-top:3rem;position:relative}.reply .reply-to{position:static}.reply-to{position:absolute;top:1.5rem;font-weight:300;color:var(--unidrive-muted);font-size:.9rem;letter-spacing:.5px}.mention{font-weight:400;color:var(--unidrive-dark-blue)}.html-modal-wrapper{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.html-modal-wrapper dialog{border:1px solid var(--border-color);background-color:var(--background-primary);color:var(--unidrive-black);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.html-modal-wrapper .confirm{width:clamp(150px,33vw,250px);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.html-modal-wrapper .confirm h1{font-size:1.2rem}.html-modal-wrapper .confirm p{font-size:small;color:var(--unidrive-muted);font-weight:400}.html-modal-wrapper .get-blue-modal{width:clamp(200px,33vw,300px);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.html-modal-wrapper .get-blue-modal h1{font-size:1.2rem;display:flex;gap:.5rem}.html-modal-wrapper .get-blue-modal p{font-size:small;font-weight:400}.html-modal-wrapper .get-blue-modal p a{color:var(--unidrive-blue)}.html-modal-wrapper .get-blue-modal p a:hover{color:var(--unidrive-dark-blue);text-decoration:underline}.html-modal-wrapper .get-blue-modal form{display:flex;flex-direction:column;gap:.5rem;width:100%}.html-modal-wrapper .get-blue-modal .blue-input{border:1px solid var(--unidrive-light-gray);border-radius:5rem;background-color:var(--unidrive-white);padding:.5rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--unidrive-black)}.html-modal-wrapper .get-blue-modal .blue-input:focus{outline:none;box-shadow:0 0 0 2px var(--unidrive-blue)}.html-modal-wrapper .get-blue-modal .blue-input::placeholder{color:var(--unidrive-gray)}.html-modal-wrapper .get-blue-modal svg{color:var(--unidrive-blue)}.html-modal-wrapper .get-blue-modal .blue-user{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.get-blue{position:absolute;bottom:-3rem;right:1rem}.get-blue button{display:flex;align-items:center;font-size:smaller;font-weight:700;gap:.25rem;border:none;background:inherit;cursor:pointer;color:var(--unidrive-black)}.get-blue button:hover{color:var(--unidrive-blue);text-decoration:underline}.get-blue svg{color:var(--unidrive-blue);font-size:1.2rem;transition:all .5s ease-in-out}.get-blue svg:hover{scale:1.1}.blue-tick{vertical-align:top;color:var(--unidrive-blue);margin-left:2px;display:inline-flex;position:relative}.blue-tick:after{content:attr(data-blue);position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:4px 8px;background-color:var(--unidrive-blue);color:var(--const-white);font-size:.75rem;white-space:nowrap;font-weight:500;border-radius:.5rem;opacity:0;transition:opacity .2s ease-in-out}.blue-tick:hover:after{opacity:1}.new-message-form.dialog-form .title{margin-bottom:-1rem}.new-message-form.dialog-form .dropzone{transform:none;margin-right:inherit}.new-message-form.dialog-form .input-additions{border-top:none;justify-content:end;margin-right:10rem}.new-message-form.dialog-form .btn{width:20%;position:absolute;top:16rem;right:2rem}.new-message-form.dialog-form .emoji-picker{display:flex;justify-content:center}.messages-page,.messages-page .conversations-panel{background:var(--background-primary)}.messages-page .conversations-panel{width:35%;min-width:320px;max-width:440px;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.messages-page .conversations-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);min-height:60px}.messages-page .conversations-title{font-size:1.35rem;font-weight:700;margin:0}.messages-page .conversations-header-actions{display:flex;gap:.25rem}.messages-page .conversations-new-btn,.messages-page .conversations-search-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--unidrive-muted);transition:background-color .2s}.messages-page .conversations-new-btn:hover,.messages-page .conversations-search-btn:hover{background-color:var(--hover);color:var(--unidrive-black)}.messages-page .conversations-list{flex:1 1;overflow-y:auto;overflow-x:hidden}.messages-page .conversations-empty{padding:3rem 1rem;text-align:center}.messages-page .conversation-item{display:flex;align-items:center;padding:.75rem 1rem;gap:.85rem;cursor:pointer;transition:background-color .15s;border-bottom:1px solid var(--border-color);position:relative}.messages-page .conversation-item:hover{background-color:var(--hover)}.messages-page .conversation-item .conversation-avatar{position:relative;flex-shrink:0}.messages-page .conversation-item .online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#25d366;border:2px solid var(--background-primary);animation:pulse-online 2s ease-in-out infinite}.messages-page .conversation-item .conversation-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.messages-page .conversation-item .conversation-top-row{display:flex;justify-content:space-between;align-items:center}.messages-page .conversation-item .conversation-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.messages-page .conversation-item .conversation-time{font-size:.75rem;color:var(--unidrive-muted);flex-shrink:0;margin-left:.5rem}.messages-page .conversation-item .conversation-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.messages-page .conversation-item .conversation-preview{font-size:.85rem;color:var(--unidrive-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;display:flex;align-items:center;gap:.35rem}.messages-page .conversation-item .conversation-preview .read-tick{color:#53bdeb;font-size:.8rem;flex-shrink:0}.messages-page .conversation-item .conversation-preview .sent-tick{color:var(--unidrive-muted);font-size:.8rem;flex-shrink:0}.messages-page .conversation-item .conversation-delete{opacity:0;border:none;background:transparent;color:var(--unidrive-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.messages-page .conversation-item .conversation-delete:hover{background:rgba(255,59,48,.1);color:#ff3b30}.messages-page .conversation-item:hover .conversation-delete{opacity:1}.messages-page .chat-panel{flex:1 1;display:flex;flex-direction:column;min-width:0;position:relative}.messages-page .chat-empty-panel{flex:1 1;display:flex;align-items:center;justify-content:center}.messages-page .chat-empty-content{text-align:center;color:var(--unidrive-muted);max-width:360px}.messages-page .chat-empty-content h2{font-size:1.5rem;font-weight:300;margin:1rem 0 .5rem;color:var(--unidrive-black)}.messages-page .chat-empty-content p{font-size:.9rem;line-height:1.5}.messages-page .chat-empty-icon-large{font-size:4rem;opacity:.5}.chat-view{flex-direction:column;height:100vh}.chat-header,.chat-view{display:flex;background:var(--background-primary)}.chat-header{align-items:center;padding:.5rem 1rem;gap:.75rem;border-bottom:1px solid var(--border-color);min-height:60px;z-index:10}.chat-header-back{display:none;border:none;background:transparent;cursor:pointer;color:var(--unidrive-black);padding:.25rem;border-radius:50%;transition:background-color .15s}.chat-header-back:hover{background-color:var(--hover)}.chat-header-avatar{position:relative;flex-shrink:0}.chat-header-avatar .online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#25d366;border:2px solid var(--background-primary)}.chat-header-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.chat-header-name{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-status{font-size:.75rem;color:var(--unidrive-muted)}.chat-header-actions{display:flex;gap:.25rem}.chat-header-actions button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--unidrive-muted);transition:background-color .15s}.chat-header-actions button:hover{background-color:var(--hover);color:var(--unidrive-black)}.chat-messages{flex:1 1;overflow-y:auto;overflow-x:hidden;position:relative;background:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d2c5' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark] .chat-messages{background:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-messages-inner{padding:1rem 5%;display:flex;flex-direction:column;min-height:100%}.date-separator{display:flex;justify-content:center;padding:.75rem 0}.date-separator-label{background:#d1e7dd;color:#54656f;font-size:.75rem;font-weight:500;padding:.35rem .85rem;border-radius:.5rem;box-shadow:0 1px 1px rgba(0,0,0,.08)}[data-theme=dark] .date-separator-label{background:#1a2c34;color:#8696a0}.message-bubble-wrap{display:flex;margin-bottom:2px;max-width:65%}.message-bubble-wrap.sent{align-self:flex-end}.message-bubble-wrap.received{align-self:flex-start}.message-bubble{position:relative;padding:.5rem .65rem .35rem;border-radius:.75rem;max-width:100%;word-wrap:break-word;overflow-wrap:anywhere;box-shadow:0 1px .5px rgba(11,20,26,.08)}.message-bubble.sent{background:#d9fdd3;border-top-right-radius:0}.message-bubble.received{background:var(--background-primary);border-top-left-radius:0}[data-theme=dark] .message-bubble.sent{background:#005c4b}[data-theme=dark] .message-bubble.received{background:#202c33}.message-bubble:before{content:"";position:absolute;top:0;width:8px;height:13px}.message-bubble.sent:before{right:-8px;background:radial-gradient(circle at top right,transparent 8px,#d9fdd3 0)}[data-theme=dark] .message-bubble.sent:before{background:radial-gradient(circle at top right,transparent 8px,#005c4b 0)}.message-bubble.received:before{left:-8px;background:radial-gradient(circle at top left,transparent 8px,var(--background-primary) 0)}[data-theme=dark] .message-bubble.received:before{background:radial-gradient(circle at top left,transparent 8px,#202c33 0)}.message-text{font-size:.9rem;color:var(--unidrive-black)}[data-theme=dark] .message-text{color:#e9edef}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;float:right;margin-left:8px;position:relative;top:5px}.message-time{font-size:.65rem;color:#667781;white-space:nowrap}[data-theme=dark] .message-time{color:#8696a0}.message-tick{display:flex;align-items:center;color:#667781}[data-theme=dark] .message-tick{color:#8696a0}.message-tick.seen{color:#53bdeb}.message-image{border-radius:.5rem;overflow:hidden;max-width:300px;cursor:pointer;display:block}.message-image img{display:block;max-width:100%;height:auto}.message-photo{margin-bottom:4px}.message-photo .message-image{border-radius:.5rem}.message-attachment{margin-bottom:4px}.message-attachment .file-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:var(--hover);border-radius:.5rem;text-decoration:none;color:var(--unidrive-black);transition:background-color .15s}.message-attachment .file-link:hover{filter:brightness(.96)}.message-attachment .file-link .file-icon{font-size:1.5rem}.message-attachment .file-link .file-name{font-size:.85rem;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.message-quote{border-left:3px solid var(--unidrive-blue);padding:.35rem .65rem;margin-bottom:.35rem;border-radius:.25rem;background:rgba(0,0,0,.05)}.message-quote .quote-author{display:block;font-size:.75rem;font-weight:600;color:var(--unidrive-blue)}.message-quote .quote-text{display:block;font-size:.8rem;color:var(--unidrive-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .message-quote{background:hsla(0,0%,100%,.06)}.message-reactions-chip{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;position:relative;top:4px;float:right}.reaction-chip{display:inline-flex;gap:3px;background:rgba(0,0,0,.06);border:1px solid transparent;padding:2px 6px;cursor:pointer;transition:all .15s;line-height:1}.reaction-chip:hover{background:rgba(0,0,0,.1)}.reaction-chip.reacted{border-color:var(--unidrive-blue);background:var(--accent-soft)}.reaction-chip .reaction-count{font-size:.7rem;font-weight:600;color:var(--unidrive-muted)}[data-theme=dark] .reaction-chip{background:hsla(0,0%,100%,.08)}[data-theme=dark] .reaction-chip:hover{background:hsla(0,0%,100%,.12)}.bubble-actions{position:absolute;top:-8px;display:flex;gap:2px;background:var(--background-primary);border-radius:1rem;padding:3px;box-shadow:0 1px 3px rgba(0,0,0,.12);z-index:5}.bubble-actions.received{right:-4px}.bubble-actions.sent{left:-4px}.bubble-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--unidrive-muted);transition:all .15s}.bubble-actions button:hover{background:var(--hover);color:var(--unidrive-black)}[data-theme=dark] .bubble-actions{background:#1a2c34}[data-theme=dark] .bubble-actions button:hover{background:hsla(0,0%,100%,.08);color:#e9edef}.reaction-picker-wrap{position:absolute;bottom:calc(100% + 4px);z-index:10}.reaction-picker-wrap.sent{right:0}.reaction-picker-wrap.received{left:0}.reaction-picker{display:flex;gap:2px;background:var(--background-primary);border-radius:2rem;padding:4px 6px;box-shadow:0 2px 8px rgba(0,0,0,.15)}[data-theme=dark] .reaction-picker{background:#1a2c34}.reaction-pick-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;font-size:1.15rem;cursor:pointer;transition:all .15s}.reaction-pick-btn:hover{background:var(--hover);transform:scale(1.2)}.typing-bubble{align-self:flex-start;background:var(--background-primary);border-radius:.75rem;border-top-left-radius:0;padding:.75rem 1rem;box-shadow:0 1px .5px rgba(11,20,26,.08);position:relative;margin-bottom:2px}.typing-bubble:before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:radial-gradient(circle at top left,transparent 8px,var(--background-primary) 0)}[data-theme=dark] .typing-bubble{background:#202c33}[data-theme=dark] .typing-bubble:before{background:radial-gradient(circle at top left,transparent 8px,#202c33 0)}.typing-dots{display:flex;gap:4px;align-items:center}.typing-dots span{width:7px;height:7px;border-radius:50%;background:#8696a0;animation:typing-bounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.6}}.scroll-to-bottom{position:absolute;bottom:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:none;background:var(--background-primary);box-shadow:0 2px 6px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--unidrive-muted);z-index:5;transition:all .2s}.scroll-to-bottom:hover{background:var(--hover);color:var(--unidrive-black)}[data-theme=dark] .scroll-to-bottom{background:#1a2c34;color:#8696a0}.chat-composer{border-top:1px solid var(--border-color);padding:.5rem .75rem;flex-direction:column;gap:0}.chat-composer,.composer-bar{background:var(--background-primary);display:flex}.composer-bar{align-items:flex-end;gap:.4rem;border-radius:1.5rem;padding:.25rem .35rem;border:1px solid var(--border-color);transition:border-color .15s}.composer-bar:focus-within{border-color:var(--unidrive-blue)}.composer-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--unidrive-muted);flex-shrink:0;transition:all .15s}.composer-icon-btn:hover:not(:disabled){background:var(--hover);color:var(--unidrive-black)}.composer-icon-btn:disabled{opacity:.4;cursor:default}.composer-send-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:var(--unidrive-blue);border-radius:50%;cursor:pointer;color:#fff;flex-shrink:0;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.composer-send-btn:hover:not(:disabled){background:var(--unidrive-dark-blue);transform:scale(1.05)}.composer-send-btn:disabled{opacity:.5;cursor:default}.composer-input-wrap{flex:1 1;min-width:0}.composer-textarea{width:100%;border:none;outline:none;resize:none;font-size:.95rem;line-height:1.4;padding:.5rem .25rem;max-height:150px;font-family:inherit;background:transparent;color:var(--unidrive-black)}.composer-textarea::placeholder{color:var(--unidrive-muted)}.composer-dropzone{position:relative;margin-top:.5rem}.composer-dropzone .dropzone-close{position:absolute;top:.5rem;right:.5rem;z-index:5;width:28px;height:28px;border:none;background:rgba(0,0,0,.5);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem}.attachment-menu{display:flex;gap:1.25rem;padding:1.25rem;background:var(--background-primary);border-radius:1rem 1rem 0 0;box-shadow:0 -2px 8px rgba(0,0,0,.1);justify-content:center}.attachment-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:none;background:transparent;cursor:pointer;color:var(--unidrive-black);font-size:.8rem}.attachment-option:hover .attachment-icon{transform:scale(1.1)}.attachment-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s}.attachment-icon.gallery{background:#7c5cff}.attachment-icon.document{background:#007bfc}.attachment-icon.camera{background:#ff3b30}.attachment-icon.audio{background:#ff9500}.attachment-icon.poll{background:#04d4ac}.attachment-icon.location{background:#16a34a}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:50}.emoji-picker-popup{position:absolute;bottom:70px;right:1rem;z-index:20}.reply-preview{justify-content:space-between;padding:.5rem .75rem;border-left:3px solid var(--unidrive-blue);border-radius:.35rem;margin-bottom:.5rem}.reply-preview-content{display:flex;flex-direction:column;min-width:0;flex:1 1}.reply-preview-author{font-weight:600;font-size:.8rem;color:var(--unidrive-blue)}.reply-preview-text{color:var(--unidrive-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close{border:none;background:transparent;font-size:1.25rem;color:var(--unidrive-muted);cursor:pointer;padding:0 .25rem}.reply-preview-close:hover{color:var(--unidrive-black)}.messages-page .page-name .new-message{position:absolute;right:1rem;top:1.5rem;border:1px solid var(--unidrive-light-gray)}@media(max-width:768px){.messages-page .conversations-panel{width:100%;max-width:none;border-right:none}.messages-page .conversations-panel.mobile-hidden{display:none}.messages-page .chat-panel.mobile-visible{display:flex!important;position:absolute;inset:0;z-index:20;background:var(--background-primary)}.messages-page .chat-header-back{display:flex}.messages-page .message-bubble-wrap{max-width:85%}.messages-page .chat-messages-inner{padding:.75rem 3%}.messages-page .emoji-picker-popup{right:0;left:0;bottom:70px}}.notifications-wrapper .notification{padding:1rem;overflow:hidden;transition:background-color .2s ease-in-out;height:65px;border-bottom:1px solid var(--border-color);color:var(--unidrive-muted);display:grid;grid-template-columns:50px 1fr;align-items:center;grid-gap:1rem;gap:1rem;line-height:1.2}.notifications-wrapper .notification .icon-div{display:flex;justify-content:center;align-items:center;font-size:1.5rem}.notifications-wrapper .notification .icon-div.welcome{color:var(--unidrive-orange)}.notifications-wrapper .notification .icon-div.message{color:var(--unidrive-purple)}.notifications-wrapper .notification .icon-div.like{color:var(--unidrive-red)}.notifications-wrapper .notification .icon-div.retweet{color:var(--unidrive-retweet);scale:1.75}.notifications-wrapper .notification .icon-div.reply{color:var(--unidrive-dark-blue)}.notifications-wrapper .notification .icon-div.follow{color:var(--unidrive-pink)}.notifications-wrapper .notification .notification-link{color:var(--unidrive-blue)}.notifications-wrapper .notification .notification-link:hover{text-decoration:underline}.notifications-wrapper .notification .notification-sender .avatar-wrapper{display:inline-block}.notifications-wrapper .notification .notification-sender .avatar-wrapper .avatar-wrapper img{object-fit:cover}.notifications-wrapper .notification .notification-sender .profile-info-main{display:flex;flex-direction:column;gap:.33rem}.notifications-wrapper .notification .notification-sender .profile-info-main h1{color:var(--unidrive-black);font-weight:500}.notifications-wrapper .notification:hover{background-color:var(--hover)}.badge-wrapper{position:relative}.badge-wrapper .badge{position:absolute;top:-12.5px;left:10px;transform:translateX(-50%);padding:4px;background-color:var(--unidrive-blue);border-radius:5rem;min-width:10px;aspect-ratio:1;font-size:.66rem;font-weight:800;color:var(--const-white);display:flex;justify-content:center;align-items:center}.color-theme-switch{padding:2rem 1rem}.color-theme-switch .label{display:inline;vertical-align:middle;font-size:.7rem;color:var(--unidrive-muted)}::-webkit-scrollbar{width:.75rem}::-webkit-scrollbar-track{background-color:var(--unidrive-light-gray)}::-webkit-scrollbar-thumb{background-color:var(--unidrive-blue);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background-color:var(--unidrive-dark-blue)}@keyframes zoom-in{0%{transform:scale(1);opacity:0}to{transform:scale(5);opacity:1}}@media(max-width:1300px){.layout{grid-template-columns:auto minmax(360px,600px) 1fr}.left-sidebar{min-width:190px}}@media(max-width:1150px){.layout{grid-template-columns:auto minmax(360px,1fr) 330px}.left-sidebar{min-width:60px}.left-sidebar .fixed .nav-title{display:none}.left-sidebar .fixed nav ul{gap:1rem}.left-sidebar .fixed nav ul li{margin:auto}.left-sidebar .fixed nav ul li .nav-link{font-size:20px;padding:0;margin-bottom:1.25rem}.left-sidebar .fixed nav ul li .nav-link svg{padding:0}.left-sidebar .fixed .btn.btn-post{font-size:.75rem;margin-left:-.1rem;padding:.5rem}.left-sidebar .fixed .side-profile{max-width:45px;scale:.75;padding:.25rem}}@media(max-width:850px){html{font-size:14px}.new-message-form.dialog-form .btn{top:16.75rem}.layout{grid-template-columns:auto minmax(360px,1fr) 0}.tweet .tweet-main .tweet-image img{max-height:375px}.root{grid-template-columns:100%}.root .root-left{display:none}.root .root-right{margin:auto;padding:2rem}}@media(max-width:650px){html{font-size:13px}.new-message-form.dialog-form .btn{top:17.5rem}.profile-layout .profile .profile-info{margin-top:7.5rem}.footer{gap:0}.tweet .tweet-main .tweet-image img{max-height:300px}}@media(max-width:550px){html{font-size:12px}.dropzone{margin-right:-6rem}.emoji-picker{scale:.75!important;transform:translate(-30px,-60px)!important}.dialog .new-tweet-wrapper .input-additions{max-width:280px}.profile-layout .profile .profile-info{margin-top:7.5rem}.right-sidebar{display:none}.tweet .tweet-main .tweet-image img{max-height:200px}}.messages-page{display:flex;position:relative;height:100vh;overflow:hidden}.conversations-panel{flex:1 1;overflow-y:auto;background:var(--background-primary);transition:transform .3s ease}@media(max-width:650px){.conversations-panel.hidden{transform:translateX(-100%)}}@media(min-width:651px){.conversations-panel.hidden{display:none}}.chat-panel{flex:1 1;overflow:hidden;background:var(--background-primary);transition:transform .3s ease}@media(max-width:650px){.chat-panel{position:absolute;width:100%;height:100%;z-index:2;transform:translateX(100%)}.chat-panel.visible{transform:translateX(0)}}@media(min-width:651px){.chat-panel.visible{display:block}.chat-panel{display:none}}.messages-container{display:flex;flex-direction:column;height:100vh}.messages-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-color)}.messages-search input{border:none;background:transparent;outline:none;font-size:1rem;width:100%;font-family:inherit}.messages-wrapper{flex:1 1;overflow-y:auto;padding:1rem}.message{max-width:70%;padding:.75rem 1rem;border-radius:1rem;margin-bottom:.5rem;position:relative;word-wrap:break-word}.message.message-left{align-self:flex-start;background-color:var(--unidrive-white);border:1px solid var(--border-color)}.message.message-right{align-self:flex-end;background-color:var(--unidrive-blue);color:var(--const-white)}.message-reply-quote{font-size:.75rem;opacity:.8;margin-bottom:.25rem;padding-left:.5rem;border-left:3px solid hsla(0,0%,100%,.3)}.message-reply-quote .reply-quote-author{font-weight:700;display:block}.message-text{font-size:.93rem;line-height:1.4;white-space:pre-line}.message-attachment,.message-image{margin-top:.5rem;max-width:250px}.message-attachment img,.message-image img{border-radius:.75rem;max-width:100%;height:auto;object-fit:cover}.message-attachment .file-link,.message-image .file-link{color:inherit;text-decoration:underline;font-size:.9rem}.message-meta{display:flex;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.75rem;opacity:.75}.message-seen-icon{color:var(--unidrive-blue);font-size:.7rem}.message-seen-icon--sent{opacity:.5}.message-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.reaction-chip{background:rgba(0,0,0,.08);border-radius:1rem;padding:.15rem .5rem;font-size:.85rem;display:flex;align-items:center;gap:.25rem}.reaction-count{font-size:.75rem;opacity:.8}.message-reactions-bar{position:absolute;bottom:100%;right:0;background:var(--background-primary);border:1px solid var(--border-color);border-radius:5rem;padding:.25rem;display:none;gap:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.12)}.message:hover .message-reactions-bar{display:flex}.reaction-quick-btn{border:none;background:transparent;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:50%;transition:background-color .15s}.reaction-quick-btn:hover{background-color:var(--hover)}.typing-indicator{font-size:.8rem;color:var(--unidrive-muted);font-weight:400;margin-left:.5rem;animation:pulse 1.5s infinite}.presence-text{font-size:.75rem;margin-top:.15rem}.new-message-box{padding:.75rem 1rem}.new-message-box,.reply-preview{border-top:1px solid var(--border-color)}.reply-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--hover);font-size:.85rem}.reply-preview strong{font-weight:700}.reply-preview span{opacity:.8}.file-preview{margin-top:.5rem;font-size:.9rem;opacity:.9}@media(max-width:650px){.message{max-width:85%}.messages-search{padding:.5rem}.new-message-form .input textarea{width:60%!important}}.verified-badge{border-radius:5rem}.inline-logo{vertical-align:middle}.tweet-card{border-bottom:1px solid var(--border-color);padding:.75rem 1rem;cursor:pointer;transition:background-color .15s}.tweet-card .tweet-retweet-label{display:flex;align-items:center;gap:.5rem;padding:0 0 0 3rem;margin-bottom:.25rem;font-size:.8rem;color:var(--unidrive-muted);font-weight:500}.tweet-card .tweet-card-inner{display:flex;gap:.75rem}.tweet-card .tweet-avatar{flex-shrink:0}.tweet-card .tweet-main{flex:1 1;min-width:0}.tweet-card .tweet-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem}.tweet-card .tweet-author-link{display:flex;align-items:center;gap:.35rem;text-decoration:none}.tweet-card .tweet-author-name{font-weight:700;font-size:.9rem;color:var(--unidrive-black);display:flex;align-items:center;gap:.2rem}.tweet-card .tweet-author-handle,.tweet-card .tweet-separator,.tweet-card .tweet-time{font-size:.85rem;color:var(--unidrive-muted)}.tweet-card .tweet-time{cursor:default}.tweet-card .tweet-reply-to{font-size:.85rem;color:var(--unidrive-muted);text-decoration:none;margin-bottom:.25rem;display:block}.tweet-card .tweet-reply-to .mention{color:var(--unidrive-blue)}.tweet-card .tweet-reply-to .mention:hover{text-decoration:underline}.tweet-card .tweet-text{font-size:.95rem;line-height:1.45;color:var(--unidrive-black);margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-line}.tweet-card .tweet-image-wrap{margin-bottom:.5rem}.tweet-card .tweet-image{border-radius:1rem;overflow:hidden;border:1px solid var(--border-color);max-height:500px}.tweet-card .tweet-image img{width:100%;height:auto;display:block;object-fit:cover}.tweet-card .tweet-actions{display:flex;justify-content:space-between;max-width:400px;margin-top:.25rem}.tweet-card .tweet-action{display:flex;align-items:center;gap:.4rem;border:none;background:transparent;cursor:pointer;color:var(--unidrive-muted);font-size:.8rem;padding:.4rem .6rem;border-radius:1rem;transition:all .2s}.tweet-card .tweet-action svg{transition:all .15s}.tweet-card .tweet-action span{font-size:.8rem;min-width:16px}.tweet-card .tweet-action.reply-action:hover{color:var(--unidrive-blue);background:var(--accent-soft)}.tweet-card .tweet-action.repost-action.active,.tweet-card .tweet-action.repost-action:hover{color:#00ba7c;background:rgba(0,186,124,.1)}.tweet-card .tweet-action.like-action.active,.tweet-card .tweet-action.like-action:hover{color:#f91880;background:rgba(249,24,128,.1)}.tweet-card .tweet-action.share-action:hover{color:var(--unidrive-blue);background:var(--accent-soft)}.new-tweet-card{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color)}.new-tweet-body{flex:1 1;min-width:0}.new-tweet-audience{display:inline-flex;align-items:center;gap:.3rem;color:var(--unidrive-blue);font-size:.8rem;font-weight:600;padding:.2rem .6rem;border:1px solid var(--unidrive-blue);border-radius:1rem;margin-bottom:.75rem;cursor:pointer;transition:background-color .15s}.new-tweet-audience:hover{background:var(--accent-soft)}.new-tweet-textarea{width:100%;border:none;outline:none;resize:none;font-size:1.1rem;line-height:1.5;padding:.5rem 0;min-height:60px;max-height:300px;font-family:inherit;background:transparent;color:var(--unidrive-black)}.new-tweet-textarea::placeholder{color:var(--unidrive-muted)}.new-tweet-preview{position:relative;margin:.75rem 0;border-radius:1rem;overflow:hidden;border:1px solid var(--border-color)}.new-tweet-preview img{width:100%;max-height:300px;object-fit:cover;display:block}.new-tweet-preview .preview-remove{position:absolute;top:.5rem;right:.5rem;width:30px;height:30px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.new-tweet-preview .preview-remove:hover{background:rgba(0,0,0,.8)}.new-tweet-toolbar{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:.5rem}.toolbar-left{display:flex;gap:.25rem}.toolbar-btn{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--unidrive-blue);display:flex;align-items:center;justify-content:center;transition:background-color .15s}.toolbar-btn:hover{background:var(--accent-soft)}.toolbar-right{display:flex;align-items:center;gap:.75rem}.btn-post-sm{background:var(--unidrive-blue);color:#fff;border:none;border-radius:2rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-post-sm:hover{background:var(--unidrive-dark-blue)}.btn-post-sm.disabled{opacity:.5;cursor:not-allowed}.emoji-picker-tweet{position:relative;z-index:10;margin-top:.5rem}.profile-top-bar{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--background-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-top-bar .back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s;color:var(--unidrive-black);text-decoration:none}.profile-top-bar .back-btn:hover{background:var(--hover)}.profile-top-bar .profile-top-info{display:flex;flex-direction:column}.profile-top-bar .profile-top-name{font-weight:700;font-size:1.05rem;color:var(--unidrive-black)}.profile-header-section .profile-cover{position:relative;height:200px;cursor:pointer}.profile-header-section .profile-cover .cover-image{object-fit:cover}.profile-header-section .profile-avatar-section{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.25rem;margin-top:-45px;position:relative;z-index:2}.profile-header-section .profile-avatar-wrapper{cursor:pointer}.profile-header-section .profile-actions{padding-bottom:.75rem}.profile-header-section .profile-action-group{display:flex;gap:.5rem;align-items:center}.profile-header-section .btn-outline{background:transparent;color:var(--unidrive-black);border:1px solid var(--border-color);border-radius:2rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.profile-header-section .btn-outline:hover{background:var(--hover)}.profile-header-section .profile-info-section{padding:.75rem 1.25rem 1rem}.profile-header-section .profile-name-row h1{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:.3rem}.profile-header-section .profile-handle{font-size:.9rem;color:var(--unidrive-muted);display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.profile-header-section .profile-handle .follows-you-badge{font-size:.7rem;font-weight:600;background:var(--hover);color:var(--unidrive-muted);padding:.15rem .4rem;border-radius:.25rem}.profile-header-section .profile-bio{font-size:.9rem;line-height:1.5;margin-bottom:.75rem;color:var(--unidrive-black)}.profile-header-section .profile-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.profile-header-section .profile-meta .meta-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--unidrive-muted)}.profile-header-section .profile-meta .meta-item a{color:var(--unidrive-blue);text-decoration:none}.profile-header-section .profile-meta .meta-item a:hover{text-decoration:underline}.profile-header-section .profile-follow-stats{display:flex;gap:1.25rem}.profile-header-section .profile-follow-stats .follow-stat{border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;gap:.3rem}.profile-header-section .profile-follow-stats .follow-stat:hover .follow-label{text-decoration:underline}.profile-header-section .profile-follow-stats .follow-count{font-weight:700;font-size:.9rem;color:var(--unidrive-black)}.profile-header-section .profile-follow-stats .follow-label{font-size:.85rem;color:var(--unidrive-muted)}.profile-tabs{display:flex;border-bottom:1px solid var(--border-color)}.profile-tabs .profile-tab{flex:1 1;text-align:center;padding:1rem;font-size:.9rem;font-weight:500;color:var(--unidrive-muted);text-decoration:none;transition:all .15s;position:relative;cursor:pointer}.profile-tabs .profile-tab:hover{background:var(--hover)}.profile-tabs .profile-tab.active{font-weight:700;color:var(--unidrive-black);border-bottom:3px solid var(--unidrive-blue)}.notifications-list .notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border-color);transition:background-color .15s;cursor:pointer}.notifications-list .notification-item:hover{background:var(--hover)}.notifications-list .notification-item.unread{background:var(--accent-soft)}.notifications-list .notification-item.unread:hover{background:rgba(var(--unidrive-blue),.08)}.notifications-list .notification-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notifications-list .notification-avatar{flex-shrink:0}.notifications-list .notification-content{flex:1 1;min-width:0}.notifications-list .notification-text{font-size:.9rem;line-height:1.4}.notifications-list .notification-sender-name{font-weight:700;color:var(--unidrive-black);text-decoration:none}.notifications-list .notification-sender-name:hover{text-decoration:underline}.notifications-list .notification-link{color:var(--unidrive-blue);text-decoration:none}.notifications-list .notification-link:hover{text-decoration:underline}.page-header{border-bottom:1px solid var(--border-color)}.page-header .page-name{border-bottom:none}.page-tabs{display:flex}.page-tabs .page-tab{flex:1 1;text-align:center;padding:.85rem;font-size:.9rem;font-weight:500;color:var(--unidrive-muted);border:none;background:transparent;cursor:pointer;position:relative;transition:all .15s;font-family:inherit}.page-tabs .page-tab:hover{background:var(--hover)}.page-tabs .page-tab.active{font-weight:700;color:var(--unidrive-black)}.page-tabs .page-tab .tab-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--unidrive-blue);border-radius:3px 3px 0 0}.settings-list{padding:.5rem}.settings-card{background:var(--background-primary);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden}.settings-item{display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem;cursor:pointer;transition:background-color .15s}.settings-item:hover{background:var(--hover)}.settings-item.nested{padding-left:3.25rem;cursor:default}.settings-item.nested:hover{background:transparent}.settings-item.danger,.settings-item.danger .settings-icon,.settings-item.danger .settings-label{color:#ff3b30}.settings-icon{color:var(--unidrive-muted);flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center}.settings-text{flex:1 1;min-width:0}.settings-label{display:block;font-weight:600;font-size:.9rem;color:var(--unidrive-black)}.settings-desc{display:block;font-size:.8rem;color:var(--unidrive-muted);margin-top:.1rem}.settings-value{font-size:.85rem;color:var(--unidrive-muted);flex-shrink:0}.settings-action{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.right-sidebar{padding-left:1.5rem}.right-sidebar .fixed{display:flex;flex-direction:column;gap:1rem}.right-section{background:var(--background-primary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.right-section-title{font-size:1.15rem;font-weight:800;padding:.85rem 1rem;color:var(--unidrive-black)}.trend-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .15s}.trend-item .trend-category{display:block;font-size:.75rem;color:var(--unidrive-muted)}.trend-item .trend-topic{display:block;font-weight:700;font-size:.9rem;color:var(--unidrive-black)}.trend-item .trend-posts{display:block;font-size:.75rem;color:var(--unidrive-muted)}.right-show-more{display:block;padding:.85rem 1rem;color:var(--unidrive-blue);font-size:.9rem;text-decoration:none;transition:background-color .15s}.right-show-more:hover{background:var(--hover)}.login-card{padding:1.25rem}.login-card .login-desc{font-size:.9rem;color:var(--unidrive-muted);margin-bottom:1rem;line-height:1.5}.right-footer{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem 1rem;font-size:.75rem;color:var(--unidrive-muted)}.right-footer span{cursor:pointer}.right-footer span:hover{text-decoration:underline}.search-top-bar{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--background-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-top-bar .back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s;color:var(--unidrive-black);text-decoration:none}.search-top-bar .back-btn:hover{background:var(--hover)}.search-top-bar .search-top-info{display:flex;flex-direction:column}.search-top-bar .search-top-title{font-weight:700;font-size:1.05rem;color:var(--unidrive-black)}.search-top-bar .search-top-query{font-size:.8rem;color:var(--unidrive-muted)}[data-theme=dark] .landing-hero .hero-right h2{color:#e9edef}[data-theme=dark] .feature-card{background:#1a2c34;border-color:#2a3942}[data-theme=dark] .feature-card h3{color:#e9edef}[data-theme=dark] .feature-card p{color:#8696a0}[data-theme=dark] .feature-card .feature-icon{background:rgba(45,212,191,.1)}[data-theme=dark] .landing-features .features-header h2{color:#e9edef}[data-theme=dark] .landing-features .features-header p{color:#8696a0}[data-theme=dark] .landing-footer{border-color:#2a3942}[data-theme=dark] .landing-footer .footer-brand{color:#e9edef}[data-theme=dark] .landing-footer .footer-copy,[data-theme=dark] .landing-footer .footer-links a{color:#8696a0}[data-theme=dark] .tweet-card{border-color:#2a3942}[data-theme=dark] .tweet-card:hover{background:#111b21}[data-theme=dark] .tweet-card .tweet-retweet-label{color:#8696a0}[data-theme=dark] .tweet-card .tweet-author-name{color:#e9edef}[data-theme=dark] .tweet-card .tweet-author-handle,[data-theme=dark] .tweet-card .tweet-time{color:#8696a0}[data-theme=dark] .tweet-card .tweet-text{color:#e9edef}[data-theme=dark] .tweet-card .tweet-image{border-color:#2a3942}[data-theme=dark] .tweet-card .tweet-action{color:#8696a0}[data-theme=dark] .new-tweet-card{border-color:#2a3942}[data-theme=dark] .new-tweet-textarea{color:#e9edef}[data-theme=dark] .new-tweet-toolbar{border-color:#2a3942}[data-theme=dark] .new-tweet-audience{color:#2dd4bf;border-color:#2dd4bf}[data-theme=dark] .profile-top-bar{border-color:#2a3942;background:rgba(0,0,0,.85)}[data-theme=dark] .profile-tabs{border-color:#2a3942}[data-theme=dark] .profile-tab{color:#8696a0}[data-theme=dark] .profile-name-row h1,[data-theme=dark] .profile-tab.active{color:#e9edef}[data-theme=dark] .profile-handle{color:#8696a0}[data-theme=dark] .profile-bio{color:#e9edef}[data-theme=dark] .profile-meta .meta-item{color:#8696a0}[data-theme=dark] .profile-follow-stats .follow-count{color:#e9edef}[data-theme=dark] .right-section{background:#1a2c34;border-color:#2a3942}[data-theme=dark] .right-section-title,[data-theme=dark] .trend-topic{color:#e9edef}[data-theme=dark] .trend-category,[data-theme=dark] .trend-posts{color:#8696a0}[data-theme=dark] .settings-card{background:#1a2c34;border-color:#2a3942}[data-theme=dark] .settings-label{color:#e9edef}[data-theme=dark] .settings-value{color:#8696a0}[data-theme=dark] .notification-item{border-color:#2a3942}[data-theme=dark] .notification-sender-name,[data-theme=dark] .notification-text{color:#e9edef}[data-theme=dark] .page-header{border-color:#2a3942}[data-theme=dark] .page-tab.active{color:#e9edef}[data-theme=dark] .mobile-bottom-nav{background:#1a2c34;border-color:#2a3942}[data-theme=dark] .conversation-item{border-color:#2a3942}[data-theme=dark] .conversation-item:hover{background:#111b21}[data-theme=dark] .conversation-item .conversation-name{color:#e9edef}[data-theme=dark] .conversation-item .conversation-preview,[data-theme=dark] .conversation-item .conversation-time{color:#8696a0}[data-theme=dark] .chat-composer{background:#1a2c34;border-color:#2a3942}[data-theme=dark] .composer-bar{border-color:#2a3942}[data-theme=dark] .composer-textarea,[data-theme=dark] .left-sidebar .fixed .side-profile .token-name{color:#e9edef}[data-theme=dark] .left-sidebar .fixed .btn.btn-post{background:#2dd4bf;color:#111b21}[data-theme=dark] .chat-header{border-color:#2a3942;background:#1a2c34}[data-theme=dark] .chat-header-name{color:#e9edef}[data-theme=dark] .right-footer{color:#8696a0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.feed-post{border-bottom:1px solid var(--border-subtle);padding:var(--space-4);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.feed-post:hover{background-color:var(--hover)}.feed-post .feed-post-repost-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2);margin-left:var(--space-12)}.feed-post .feed-post-inner{display:flex;gap:var(--space-3)}.feed-post .feed-post-avatar{flex-shrink:0}.feed-post .feed-post-content{flex:1 1;min-width:0}.feed-post .feed-post-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.feed-post .feed-post-author{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.feed-post .feed-post-author-name{font-weight:var(--font-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-1)}.feed-post .feed-post-author-name:hover{text-decoration:underline}.feed-post .feed-post-author-handle{color:var(--text-muted);font-size:var(--text-sm)}.feed-post .feed-post-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.feed-post .feed-post-reply-to,.feed-post .feed-post-time{font-size:var(--text-sm);color:var(--text-muted)}.feed-post .feed-post-reply-to{margin-bottom:var(--space-1)}.feed-post .feed-post-text{color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-line;overflow-wrap:anywhere;margin-bottom:var(--space-3)}.feed-post .feed-post-image{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-3);border:1px solid var(--border-subtle)}.feed-post .feed-post-image img{display:block;max-width:100%;height:auto;cursor:zoom-in}.feed-post .feed-post-actions{display:flex;align-items:center;gap:var(--space-6);max-width:400px}.feed-post .feed-post-actions .feed-post-action{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.feed-post .feed-post-actions .feed-post-action svg{transition:transform var(--duration-fast) var(--ease-spring)}.feed-post .feed-post-actions .feed-post-action.reply:hover{color:var(--reply);background:var(--reply-bg)}.feed-post .feed-post-actions .feed-post-action.repost.active,.feed-post .feed-post-actions .feed-post-action.repost:hover{color:var(--repost);background:var(--repost-bg)}.feed-post .feed-post-actions .feed-post-action.like.active,.feed-post .feed-post-actions .feed-post-action.like:hover{color:var(--like);background:var(--like-bg)}.feed-post .feed-post-actions .feed-post-action.share:hover{color:var(--accent);background:var(--accent-soft)}.feed-post .feed-post-actions .feed-post-action.active svg{transform:scale(1.1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-default{background:var(--hover);color:var(--text-secondary)}.badge-error{background:var(--error-soft);color:var(--error)}.listing-price{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--accent-soft);border-radius:var(--radius-lg)}.listing-price .price-amount{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--accent)}.ride-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--info-soft);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.ride-card .ride-route{display:flex;align-items:center;gap:var(--space-2)}.ride-card .ride-route .ride-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.ride-card .ride-route .ride-line{flex:1 1;height:2px;background:linear-gradient(90deg,var(--accent),var(--info))}.ride-card .ride-details{display:flex;flex-direction:column;gap:var(--space-1)}.ride-card .ride-location{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.ride-card .ride-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.ride-card .ride-price{font-weight:var(--font-semibold);color:var(--accent)}.event-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--warning-soft);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.event-card .event-icon{font-size:var(--text-2xl)}.event-card .event-details{display:flex;flex-direction:column;gap:var(--space-1)}.event-card .event-time{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.event-card .event-location{font-size:var(--text-sm);color:var(--text-muted)}.verified-icon{display:inline-flex;align-items:center;margin-left:2px}.mention{color:var(--accent);font-weight:var(--font-medium)}.mention:hover{text-decoration:underline}.feed-post.listing{border-left:3px solid var(--accent)}.feed-post.ride{border-left:3px solid var(--info)}.feed-post.event{border-left:3px solid var(--warning)}.feed-post.announcement{border-left:3px solid var(--success)}@media(max-width:768px){.feed-post{padding:var(--space-3)}.feed-post .feed-post-actions{gap:var(--space-4)}}.voice-recorder{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);flex:1 1}.voice-recorder.recording{background:var(--error-soft);border-color:var(--error)}.voice-recorder .voice-recorder-visual{display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative}.voice-recorder .voice-recorder-bar{width:20px;height:20px;border-radius:50%;background:var(--error);transition:transform .1s ease}.voice-recorder .voice-recorder-waves{display:flex;align-items:center;gap:2px;height:30px}.voice-recorder .voice-recorder-waves .wave-bar{width:3px;background:var(--error);border-radius:2px;animation:voice-wave .5s ease-in-out infinite}.voice-recorder .voice-recorder-time{font-size:var(--text-sm);color:var(--text-primary);min-width:40px}.voice-recorder .voice-recorder-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.voice-recorder .voice-recorder-btn.cancel{background:var(--bg-input);color:var(--text-muted)}.voice-recorder .voice-recorder-btn.cancel:hover{background:var(--hover)}.voice-recorder .voice-recorder-btn.stop{background:var(--error);color:#fff}.voice-recorder .voice-recorder-btn.stop:hover{filter:brightness(1.1)}.voice-recorder .voice-recorder-btn.send{background:var(--accent);color:var(--text-inverse)}.voice-recorder .voice-recorder-btn.send:hover{background:var(--accent-hover)}.voice-recorder .voice-recorder-btn.play{background:var(--accent-soft);color:var(--accent)}.voice-recorder .voice-recorder-progress{flex:1 1;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.voice-recorder .voice-recorder-progress-bar{height:100%;background:var(--accent);transition:width .1s linear}.voice-player{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);min-width:180px}.voice-player .voice-player-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;background:var(--accent);color:var(--text-inverse)}.voice-player .voice-player-btn:hover{background:var(--accent-hover)}.voice-player .voice-player-waveform{display:flex;align-items:center;gap:1px;height:24px;flex:1 1}.voice-player .voice-player-waveform .wave-bar{width:2px;background:var(--text-muted);border-radius:1px;opacity:.4;transition:opacity var(--duration-fast)}.voice-player .voice-player-waveform .wave-bar.active{opacity:1;background:var(--accent)}.voice-player .voice-player-time{font-size:var(--text-xs);color:var(--text-muted);min-width:32px}.voice-player.sent .voice-player-waveform .wave-bar{background:hsla(0,0%,100%,.5)}.voice-player.sent .voice-player-waveform .wave-bar.active{background:#fff}.voice-player.sent .voice-player-time{color:hsla(0,0%,100%,.8)}@keyframes voice-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.call-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.call-container{flex-direction:column;gap:var(--space-8);padding:var(--space-8);height:100%;max-width:500px}.call-container,.call-remote-video{display:flex;align-items:center;width:100%}.call-remote-video{flex:1 1;flex-direction:column;justify-content:center;gap:var(--space-4)}.remote-video{width:100%;max-height:60vh;border-radius:var(--radius-xl);object-fit:cover;background:var(--bg-secondary)}.call-avatar-large{width:120px;height:120px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.call-avatar-placeholder{font-size:3rem;font-weight:var(--font-bold);color:var(--text-inverse)}.call-username{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.call-status{font-size:var(--text-sm);color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}.call-local-video{position:absolute;bottom:120px;right:var(--space-4);width:120px;height:160px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:2px solid var(--border-default)}.local-video{width:100%;height:100%;object-fit:cover}.call-controls{display:flex;gap:var(--space-4);padding-bottom:var(--space-8)}.call-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:var(--bg-elevated);color:var(--text-primary)}.call-btn:hover{transform:scale(1.05)}.call-btn.active{background:var(--error-soft);color:var(--error)}.call-btn.decline{background:var(--error);color:#fff}.call-btn.decline:hover{filter:brightness(1.1)}.call-btn.answer{background:var(--success);color:#fff}.call-btn.answer:hover{filter:brightness(1.1)}.chat-header-call-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}.chat-header-call-btn:hover{background:var(--hover);color:var(--accent)}.file-upload-zone .dropzone-area{border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.file-upload-zone .dropzone-area.dragging,.file-upload-zone .dropzone-area:hover{border-color:var(--accent);background:var(--accent-soft)}.file-upload-zone .dropzone-area.dragging{transform:scale(1.02)}.file-upload-zone .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted)}.file-upload-zone .dropzone-content p{font-weight:var(--font-medium);color:var(--text-secondary);margin:0}.file-upload-zone .dropzone-content .dropzone-hint{font-size:var(--text-sm)}.file-upload-zone .selected-files{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.file-upload-zone .selected-file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.file-upload-zone .selected-file .file-icon{color:var(--accent)}.file-upload-zone .selected-file .file-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.file-upload-zone .selected-file .file-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-zone .selected-file .file-size{font-size:var(--text-xs);color:var(--text-muted)}.file-upload-zone .selected-file .file-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer}.file-upload-zone .selected-file .file-remove:hover{background:var(--error-soft);color:var(--error)}.file-message{max-width:320px;width:100%}.file-message .file-message-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border-left:3px solid;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.file-message .file-message-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.file-message .file-message-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-message .file-message-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-message .file-message-meta{display:flex;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.file-message .file-message-category{text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.file-message .file-message-actions{display:flex;gap:var(--space-1)}.file-message .file-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.file-message .file-action-btn:hover{background:var(--hover);color:var(--text-primary)}.file-message .file-action-btn.download:hover{color:var(--accent);background:var(--accent-soft)}.file-message .download-progress{width:18px;height:18px}.file-message .download-progress .progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.file-message .download-progress .progress-ring .progress-ring-bg{fill:none;stroke:var(--border-subtle);stroke-width:3}.file-message .download-progress .progress-ring .progress-ring-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.file-message.sent .file-message-card{background:var(--accent-soft)}.file-message.sent .file-message-name{color:var(--text-primary)}.file-message.sent .file-message-meta{color:var(--text-muted)}.link-preview{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-subtle);text-decoration:none;color:var(--text-primary);margin-top:var(--space-2);transition:all var(--duration-fast) var(--ease-out);max-width:320px}.link-preview:hover{border-color:var(--border-default);background:var(--hover)}.link-preview.simple{flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.link-preview.simple span{font-size:var(--text-sm);color:var(--accent)}.link-preview .link-preview-image{width:100%;height:140px;overflow:hidden;background:var(--bg-input)}.link-preview .link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview .link-preview-content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.link-preview .link-preview-site{display:flex;align-items:center;gap:var(--space-1)}.link-preview .link-preview-site .favicon{width:14px;height:14px;border-radius:2px}.link-preview .link-preview-site .site-name{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.link-preview .link-preview-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.link-preview .link-preview-desc,.link-preview .link-preview-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview .link-preview-desc{font-size:var(--text-xs);color:var(--text-muted)}.link-preview .link-preview-skeleton{display:flex;gap:var(--space-3);padding:var(--space-3)}.link-preview .link-preview-skeleton .skeleton-image{width:60px;height:60px;border-radius:var(--radius-md);flex-shrink:0}.link-preview .link-preview-skeleton .skeleton-content{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.link-preview .link-preview-skeleton .skeleton-text{height:12px;border-radius:var(--radius-sm)}.link-preview .link-preview-skeleton .skeleton-text.short{width:60%}.link-preview-wrapper{display:block;margin:var(--space-1) 0}.poll-card{min-width:240px;max-width:320px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated)}.poll-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--accent-soft);color:var(--accent)}.poll-header .poll-question{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.poll-options{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.poll-option{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);overflow:hidden}.poll-option:hover:not(.voted){border-color:var(--accent);background:var(--accent-soft)}.poll-option.selected{border-color:var(--accent)}.poll-option.voted{cursor:default}.poll-option .poll-option-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft);transition:width var(--duration-normal) var(--ease-out)}.poll-option .poll-option-content{position:relative;display:flex;align-items:center;gap:var(--space-2);flex:1 1}.poll-option .poll-option-content .poll-option-text{font-size:var(--text-sm);color:var(--text-primary)}.poll-option .poll-option-content .poll-option-check{color:var(--accent)}.poll-option .poll-option-percent{position:relative;font-size:var(--text-xs);color:var(--text-muted)}.poll-footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle)}.poll-footer .poll-votes{font-size:var(--text-xs);color:var(--text-muted)}.poll-creator{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.poll-creator .poll-creator-header{display:flex;align-items:center;justify-content:space-between;font-weight:var(--font-semibold);color:var(--text-primary)}.poll-creator .poll-creator-cancel{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1}.poll-creator .poll-creator-input{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-base);outline:none}.poll-creator .poll-creator-input:focus{border-color:var(--accent)}.poll-creator .poll-creator-options{display:flex;flex-direction:column;gap:var(--space-2)}.poll-creator .poll-creator-option{display:flex;align-items:center;gap:var(--space-2)}.poll-creator .poll-creator-option-input{flex:1 1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm);outline:none}.poll-creator .poll-creator-option-input:focus{border-color:var(--accent)}.poll-creator .poll-creator-option-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--error-soft);color:var(--error);cursor:pointer;font-size:1rem}.poll-creator .poll-creator-add{padding:var(--space-2);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--accent);font-size:var(--text-sm);cursor:pointer}.poll-creator .poll-creator-add:hover{background:var(--accent-soft)}.poll-creator .poll-creator-multi{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer}.poll-creator .poll-creator-multi input{accent-color:var(--accent)}.location-share{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);max-width:280px}.location-share .location-map{width:100%;height:150px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.location-share .location-map .location-pin{font-size:2rem;animation:bounce 1s ease-in-out infinite}.location-share .location-map .location-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,212,172,.082),rgba(0,123,252,.082))}.location-share .location-info{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px}.location-share .location-info .location-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.location-share .location-info .location-coords{font-size:var(--text-xs);color:var(--text-muted)}.location-share .location-action{padding:var(--space-2) var(--space-3);background:none;border:none;border-top:1px solid var(--border-subtle);color:var(--accent);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer}.location-share .location-action:hover{background:var(--hover)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.location-share-actions{display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:0 -2px 8px rgba(0,0,0,.1)}.location-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.location-btn:hover{background:var(--hover)}.location-btn.live{color:var(--accent)}.location-btn.stop{color:var(--error)}.location-btn.stop .live-indicator{width:8px;height:8px;border-radius:50%;background:var(--error);animation:pulse 1s ease-in-out infinite}.message-pinned-indicator{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm)}.conversation-search{position:relative;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle)}.conversation-search .search-input-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-input);border-radius:var(--radius-full)}.conversation-search .search-input{flex:1 1;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);outline:none}.conversation-search .search-input::placeholder{color:var(--text-muted)}.conversation-search .search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:50}.conversation-search .search-result-item{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);cursor:pointer}.conversation-search .search-result-item:hover{background:var(--hover)}.conversation-search .search-result-item .search-result-text{font-size:var(--text-sm);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-search .search-result-item .search-result-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.conversation-search .search-highlight{background:var(--accent-soft);color:var(--accent);border-radius:2px;padding:0 2px}.message-edit{display:flex;flex-direction:column;gap:var(--space-1)}.message-edit-input{width:100%;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;outline:none}.message-edit-input:focus{border-color:var(--accent)}.message-edit-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.message-edit-cancel{background:none;border:none;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer}.message-edit-cancel:hover{color:var(--text-primary)}.message-edit-save{background:var(--accent);border:none;color:var(--text-inverse);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer}.message-edit-save:hover{background:var(--accent-hover)}.edited-tag{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.message-context-menu{position:absolute;top:0;z-index:20;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-1);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:140px}.message-context-menu.sent{left:0;transform:translateX(-100%) translateX(-8px)}.message-context-menu.received{right:0;transform:translateX(100%) translateX(8px)}.message-context-menu button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);text-align:left;width:100%}.message-context-menu button:hover{background:var(--hover)}.message-context-menu button.danger{color:var(--error)}.message-context-menu button.danger:hover{background:var(--error-soft)}.feed-composer{display:flex;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.feed-composer .feed-composer-body{flex:1 1;min-width:0}.feed-composer .feed-composer-types{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.feed-composer .composer-type-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.feed-composer .composer-type-btn:hover{border-color:var(--border-default);background:var(--hover);color:var(--text-secondary)}.feed-composer .composer-type-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.feed-composer .feed-composer-textarea{width:100%;border:none;outline:none;resize:none;font-size:var(--text-lg);font-family:var(--font-sans);color:var(--text-primary);background:transparent;padding:0;margin-bottom:var(--space-3)}.feed-composer .feed-composer-textarea::placeholder{color:var(--text-muted)}.feed-composer .feed-composer-preview{position:relative;margin-bottom:var(--space-3);border-radius:var(--radius-lg);overflow:hidden}.feed-composer .feed-composer-preview img{max-width:100%;height:auto;display:block}.feed-composer .feed-composer-preview .preview-remove{position:absolute;top:var(--space-2);right:var(--space-2);width:32px;height:32px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.feed-composer .feed-composer-toolbar{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.feed-composer .toolbar-left{display:flex;gap:var(--space-2)}.feed-composer .toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--accent);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.feed-composer .toolbar-btn:hover{background:var(--accent-soft)}.feed-composer .toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.phone-auth{max-width:400px;margin:0 auto;padding:var(--space-8);text-align:center}.phone-auth .phone-auth-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-4);border-radius:50%;background:var(--accent-soft);color:var(--accent)}.phone-auth h2{margin-bottom:var(--space-2)}.phone-auth .phone-auth-sub{color:var(--text-muted);margin-bottom:var(--space-6)}.phone-auth .phone-input-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-input);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.phone-auth .phone-prefix{font-weight:var(--font-semibold);color:var(--text-muted)}.phone-auth .phone-input{flex:1 1;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-base);outline:none}.phone-auth .otp-input{width:100%;padding:var(--space-4);font-size:var(--text-3xl);text-align:center;letter-spacing:.5em;background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);outline:none}.phone-auth .otp-input:focus{border-color:var(--accent)}.phone-auth .dev-otp{margin:var(--space-3) 0;padding:var(--space-2);background:var(--warning-soft);border-radius:var(--radius-md);font-size:var(--text-sm)}.phone-auth .error-text{color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-3)}.status-viewer{position:fixed;inset:0;z-index:var(--z-modal);background:#000;display:flex;flex-direction:column}.status-viewer .status-viewer-header{position:absolute;top:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);z-index:10}.status-viewer .status-progress-bar{display:flex;gap:4px;margin-bottom:var(--space-3)}.status-viewer .status-progress-segment{flex:1 1;height:3px;border-radius:2px;background:hsla(0,0%,100%,.3)}.status-viewer .status-progress-segment.viewed{background:#fff}.status-viewer .status-progress-segment.active{background:#fff;animation:progress 5s linear}.status-viewer .status-user-info{display:flex;align-items:center;gap:var(--space-2);color:#fff}.status-viewer .status-user-info .status-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.status-viewer .status-user-info .status-time{margin-left:auto;font-size:var(--text-sm);opacity:.8}.status-viewer .status-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:#fff;cursor:pointer}.status-viewer .status-content{flex:1 1;display:flex;align-items:center;justify-content:center;position:relative}.status-viewer .status-content .status-media{max-width:100%;max-height:100%;object-fit:contain}.status-viewer .status-content .status-caption{position:absolute;bottom:100px;left:0;right:0;padding:var(--space-4);text-align:center;color:#fff;font-size:var(--text-lg);text-shadow:0 1px 3px rgba(0,0,0,.5)}.status-viewer .status-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 var(--space-2);pointer-events:none}.status-viewer .status-nav-btn{width:40px;height:40px;border-radius:50%;border:none;background:hsla(0,0%,100%,.2);color:#fff;cursor:pointer;pointer-events:all}.status-viewer .status-viewers{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-1);color:#fff;font-size:var(--text-sm)}@keyframes progress{0%{width:0}to{width:100%}}.create-status{background:var(--bg-primary);padding:var(--space-4);border-radius:var(--radius-xl)}.create-status .create-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.create-status .status-preview{position:relative;height:300px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.create-status .status-preview img,.create-status .status-preview video{width:100%;height:100%;object-fit:cover}.create-status .status-preview .status-preview-caption{position:absolute;bottom:var(--space-4);left:0;right:0;text-align:center;color:#fff;font-size:var(--text-lg);text-shadow:0 1px 3px rgba(0,0,0,.5)}.create-status .status-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);height:200px;border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-muted)}.create-status .status-upload-label:hover{border-color:var(--accent);color:var(--accent)}.create-status .status-caption-input{width:100%;padding:var(--space-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-3);outline:none}.create-status .status-caption-input:focus{border-color:var(--accent)}.create-status .status-bg-colors{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.create-status .bg-color-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer}.create-status .bg-color-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.academic-resources{padding:var(--space-4)}.academic-resources .resources-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.academic-resources .resources-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.academic-resources .resources-filters .search-wrap{flex:1 1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-input);border-radius:var(--radius-full)}.academic-resources .resources-filters .search-wrap input{flex:1 1;border:none;background:transparent;color:var(--text-primary);outline:none}.academic-resources .resources-filters .course-code-input,.academic-resources .resources-filters .type-select{padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);outline:none}.academic-resources .resources-grid{display:flex;flex-direction:column;gap:var(--space-3)}.academic-resources .resource-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.academic-resources .resource-card .resource-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.academic-resources .resource-card .resource-info{flex:1 1;min-width:0}.academic-resources .resource-card .resource-info .resource-title{display:block;font-weight:var(--font-medium);color:var(--text-primary)}.academic-resources .resource-card .resource-info .resource-course{display:block;font-size:var(--text-sm);color:var(--text-muted)}.academic-resources .resource-card .resource-info .resource-meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.academic-resources .resource-card .resource-info .resource-downloads{display:flex;align-items:center;gap:var(--space-1)}.academic-resources .resources-empty{text-align:center;padding:var(--space-8);color:var(--text-muted)}.academic-resources .resources-empty p{margin-top:var(--space-4);font-size:var(--text-lg)}.group-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.group-item:hover{background:var(--hover)}.group-item .group-avatar{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:var(--font-bold);font-size:var(--text-lg)}.group-item .group-info{flex:1 1;min-width:0}.group-item .group-info .group-name{font-weight:var(--font-semibold);color:var(--text-primary)}.group-item .group-info .group-last-message{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-item .group-meta{text-align:right}.group-item .group-meta .group-time{font-size:var(--text-xs);color:var(--text-muted)}.group-item .group-meta .group-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);margin-top:var(--space-1)}.screen-lock{position:fixed;inset:0;z-index:var(--z-modal);background:var(--bg-primary);flex-direction:column;gap:var(--space-6)}.screen-lock,.screen-lock .lock-icon{display:flex;align-items:center;justify-content:center}.screen-lock .lock-icon{width:80px;height:80px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.screen-lock .lock-input{width:200px;padding:var(--space-3);font-size:var(--text-2xl);text-align:center;letter-spacing:.3em;background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);outline:none}.screen-lock .lock-input:focus{border-color:var(--accent)}.screen-lock .lock-error{color:var(--error);font-size:var(--text-sm)}.gif-picker{background:var(--bg-elevated);border-radius:var(--radius-xl);overflow:hidden;max-height:400px;display:flex;flex-direction:column}.gif-picker .gif-search{padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.gif-picker .gif-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);outline:none}.gif-picker .gif-search input:focus{border-color:var(--accent)}.gif-picker .gif-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-2);overflow-y:auto;flex:1 1}.gif-picker .gif-item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.gif-picker .gif-item img{width:100%;height:100%;object-fit:cover}.gif-picker .gif-item:hover{opacity:.8}.legal-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-8) var(--space-4)}.legal-content{max-width:800px;margin:0 auto;color:var(--text-primary)}.legal-content h1{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.legal-content .last-updated{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.legal-content h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--text-primary)}.legal-content p{line-height:var(--leading-relaxed);margin-bottom:var(--space-3);color:var(--text-secondary)}.legal-content ul{margin-bottom:var(--space-3);padding-left:var(--space-6)}.legal-content li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed);color:var(--text-secondary);list-style-type:disc}.legal-content a{color:var(--accent);text-decoration:underline}.legal-content a:hover{color:var(--accent-hover)}.legal-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}