*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:#f8fafc;background-color:#1a1d2e;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(0.16, 1, 0.3, 1);border:1px solid rgba(0,0,0,0)}.btn-primary{background-color:#de6a30;color:#fff;box-shadow:0 4px 14px rgba(222,106,48,.35)}.btn-primary:hover{background-color:#ea580c;transform:translateY(-1px);box-shadow:0 6px 18px rgba(234,88,12,.45)}.btn-secondary{background-color:rgba(139,198,226,.1);border-color:rgba(139,198,226,.18);color:#8bc6e2}.btn-secondary:hover{background-color:rgba(139,198,226,.2);border-color:rgba(139,198,226,.4);color:#f8fafc}.btn-accent{background-color:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);color:#f59e0b}.btn-accent:hover{background-color:rgba(245,158,11,.25)}.card{background:rgba(39,43,64,.55);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(139,198,226,.18);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.37),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(139,198,226,.18)}.card .card-header h2{font-size:1.15rem;font-weight:600;color:#f8fafc}.card .card-body{padding:1.75rem}.form-grid{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:#8bc6e2;letter-spacing:.02em}.form-group .form-control{padding:.75rem 1rem;background-color:rgba(26,29,46,.6);border:1px solid rgba(139,198,226,.18);border-radius:8px;color:#f8fafc;font-size:.95rem;transition:all .2s ease}.form-group .form-control::placeholder{color:#94a3b8}.form-group .form-control:focus{outline:none;border-color:#de6a30;box-shadow:0 0 0 3px rgba(222,106,48,.2);background-color:rgba(26,29,46,.85)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 2.5rem;background:rgba(39,43,64,.65);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid rgba(139,198,226,.18);position:sticky;top:0;z-index:100}.app-header .header-left{display:flex;align-items:center;gap:3rem}.app-header .brand h1{font-size:1.3rem;font-weight:700;color:#f8fafc;letter-spacing:-0.02em}.app-header .brand h1 span{color:#de6a30}.app-header .main-nav{display:flex;align-items:center;gap:1.75rem}.app-header .main-nav .nav-link{font-size:.925rem;font-weight:500;color:#94a3b8;padding:.35rem 0;transition:color .2s ease}.app-header .main-nav .nav-link:hover,.app-header .main-nav .nav-link.active{color:#8bc6e2}.app-header .user-nav{display:flex;align-items:center;gap:1.5rem}.app-header .user-dropdown{display:flex;align-items:center;gap:.65rem;padding:.4rem .85rem;background:rgba(26,29,46,.5);border:1px solid rgba(139,198,226,.18);border-radius:9999px;transition:all .25s ease}.app-header .user-dropdown:hover{border-color:rgba(139,198,226,.4);background:rgba(26,29,46,.75)}.app-header .user-greeting{display:flex;align-items:center;gap:.65rem;font-size:.875rem}.app-header .user-greeting strong{color:#f8fafc;transition:color .2s ease}.app-header .user-greeting:hover strong{color:#8bc6e2}.app-header .avatar-sm{width:28px;height:28px;border-radius:50%;background-color:rgba(222,106,48,.2);color:#de6a30;border:1px solid rgba(222,106,48,.3);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.app-header .btn-icon{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;padding:.25rem;border-radius:6px;transition:all .2s ease}.app-header .btn-icon:hover{color:#f59e0b;background:rgba(245,158,11,.1)}.app-header .btn-logout{font-size:.85rem;padding:.45rem .9rem;color:#94a3b8;border:1px solid rgba(139,198,226,.18);border-radius:8px;transition:all .2s ease}.app-header .btn-logout:hover{color:#fca5a5;border-color:rgba(239,68,68,.4);background-color:rgba(239,68,68,.1)}.dashboard-feed-wrapper{max-width:680px;margin:0 auto;padding-bottom:7rem}.posts-list{display:flex;flex-direction:column;gap:1.25rem}.posts-list .post-card{background:rgba(39,43,64,.55);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(139,198,226,.18);border-radius:16px;padding:1.25rem;display:flex;gap:1rem;transition:border-color .2s ease}.posts-list .post-card:hover{border-color:rgba(139,198,226,.35)}.posts-list .post-card .post-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:rgba(139,198,226,.15);border:1px solid rgba(139,198,226,.3);color:#8bc6e2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.posts-list .post-card .post-content-container{flex:1;display:flex;flex-direction:column;gap:.4rem}.posts-list .post-card .post-header{display:flex;align-items:center;gap:.4rem;font-size:.875rem}.posts-list .post-card .post-header .author-name{font-weight:600;color:#f8fafc}.posts-list .post-card .post-header .author-name:hover{color:#8bc6e2}.posts-list .post-card .post-header .author-handle{color:#8bc6e2;font-size:.85rem}.posts-list .post-card .post-header .dot-separator{color:#94a3b8}.posts-list .post-card .post-header .post-time{color:#94a3b8;font-size:.8rem}.posts-list .post-card .post-body{color:#cbd5e1;font-size:.95rem;line-height:1.5;white-space:pre-line;word-break:break-word}.posts-list .post-card .post-actions{display:flex;align-items:center;margin-top:.4rem}.posts-list .post-card .post-actions .action-btn{background:rgba(0,0,0,0);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;color:#94a3b8;font-size:.825rem;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.posts-list .post-card .post-actions .action-btn:hover{color:#f43f5e;background:rgba(244,63,94,.1)}.posts-list .post-card .post-actions .action-btn.liked{color:#f43f5e}.posts-list .empty-feed{padding:3rem;text-align:center;background:rgba(39,43,64,.55);border:1px dashed rgba(139,198,226,.18);border-radius:16px;color:#94a3b8}.sticky-composer-bar{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:680px;z-index:90}.sticky-composer-bar .composer-container{background:rgba(39,43,64,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(139,198,226,.25);border-radius:9999px;padding:.5rem .75rem;box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);transition:border-color .2s ease,border-radius .2s ease}.sticky-composer-bar .composer-container:focus-within{border-color:#de6a30;border-radius:16px}.sticky-composer-bar .composer-input-row{display:flex;align-items:center;gap:.75rem}.sticky-composer-bar .composer-input-row .author-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:rgba(222,106,48,.2);border:1px solid rgba(222,106,48,.35);color:#de6a30;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.sticky-composer-bar .composer-input-row textarea{flex:1;background:rgba(0,0,0,0);border:none;outline:none;color:#f8fafc;font-family:inherit;font-size:.925rem;line-height:1.4;resize:none;max-height:120px;padding:.35rem 0}.sticky-composer-bar .composer-input-row textarea::placeholder{color:#94a3b8}.sticky-composer-bar .composer-input-row .btn-post{padding:.4rem 1.1rem;border-radius:9999px;font-size:.85rem;white-space:nowrap}.auth-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;width:100%;max-width:960px;align-items:center}@media(max-width: 868px){.auth-split-layout{grid-template-columns:1fr;gap:2.5rem;max-width:440px}}.auth-split-layout .auth-hero{display:flex;flex-direction:column;align-items:flex-start}.auth-split-layout .auth-hero .hero-badge{display:inline-block;padding:.35rem .85rem;font-size:.8rem;font-weight:600;color:#de6a30;background:rgba(222,106,48,.15);border:1px solid rgba(222,106,48,.3);border-radius:9999px;margin-bottom:1.25rem;letter-spacing:.02em}.auth-split-layout .auth-hero h1{font-size:2.5rem;font-weight:800;line-height:1.15;margin:0 0 1rem;color:#f8fafc;letter-spacing:-0.03em}.auth-split-layout .auth-hero p{font-size:1.05rem;line-height:1.5;color:#94a3b8;margin:0 0 .5rem}.auth-split-layout .auth-hero .hero-graphic{margin-top:2rem;width:100%;max-width:320px}.auth-split-layout .auth-hero .hero-graphic .graphic-card{background:rgba(39,43,64,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(139,198,226,.18);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 8px 24px rgba(0,0,0,.2)}.auth-split-layout .auth-hero .hero-graphic .graphic-card .avatar-pill{display:flex;align-items:center;gap:.75rem}.auth-split-layout .auth-hero .hero-graphic .graphic-card .avatar-pill .avatar{width:32px;height:32px;border-radius:50%;background:rgba(139,198,226,.25);border:1px solid rgba(139,198,226,.4)}.auth-split-layout .auth-hero .hero-graphic .graphic-card .avatar-pill .line-short{height:8px;width:80px;background:rgba(255,255,255,.15);border-radius:4px}.auth-split-layout .auth-hero .hero-graphic .graphic-card .line-full{height:8px;width:100%;background:rgba(255,255,255,.1);border-radius:4px}.auth-split-layout .auth-card{background:rgba(39,43,64,.55);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(139,198,226,.18);border-radius:16px;padding:2.5rem;box-shadow:0 16px 40px rgba(0,0,0,.35)}.auth-split-layout .auth-card h2{margin:0 0 1.5rem;font-size:1.6rem;font-weight:700;color:#f8fafc;letter-spacing:-0.02em}.auth-split-layout .auth-card .alert-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.25rem}.auth-split-layout .auth-card .auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-split-layout .auth-card .auth-form .form-group{display:flex;flex-direction:column;gap:.4rem}.auth-split-layout .auth-card .auth-form .form-group label{font-size:.85rem;font-weight:600;color:#cbd5e1}.auth-split-layout .auth-card .auth-form .form-group input{width:100%;padding:.75rem 1rem;background:rgba(39,43,64,.6);border:1px solid rgba(139,198,226,.18);border-radius:10px;color:#f8fafc;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.auth-split-layout .auth-card .auth-form .form-group input::placeholder{color:rgba(148,163,184,.5)}.auth-split-layout .auth-card .auth-form .form-group input:focus{border-color:#8bc6e2;box-shadow:0 0 0 3px rgba(139,198,226,.2)}.auth-split-layout .auth-card .auth-form .btn-block{width:100%;padding:.8rem;margin-top:.5rem;font-size:.95rem;font-weight:600;border-radius:9999px;background:#de6a30;color:#fff;border:none;cursor:pointer;transition:background-color .2s ease}.auth-split-layout .auth-card .auth-form .btn-block:hover{background:#ea580c}.auth-split-layout .auth-card .auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#94a3b8}.auth-split-layout .auth-card .auth-footer a{color:#8bc6e2;text-decoration:none;font-weight:600}.auth-split-layout .auth-card .auth-footer a:hover{text-decoration:underline}.member-actions{display:flex;align-items:center;gap:.5rem}.inline-form{display:inline;margin:0}.btn-icon,.btn-icon-lg{background:rgba(0,0,0,0);border:1px solid rgba(139,198,226,.18);color:#94a3b8;border-radius:9999px;cursor:pointer;transition:all .2s ease}.btn-icon:hover,.btn-icon-lg:hover{color:#f59e0b;border-color:rgba(245,158,11,.4)}.btn-icon.starred,.btn-icon-lg.starred{color:#f59e0b;border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.12)}.btn-icon{padding:.25rem .6rem;font-size:1rem}.btn-icon-lg{padding:.5rem .85rem;font-size:1.2rem}.starred-badge{color:#f59e0b;font-size:1.2rem;margin-left:.3rem}.badge-subtle{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:rgba(139,198,226,.15);color:#8bc6e2}.access-tier{font-weight:600;font-size:.8rem;padding:.2rem .6rem;border-radius:4px}.access-tier.access-public{background:rgba(148,163,184,.2);color:#cbd5e1}.access-tier.access-limited{background:rgba(245,158,11,.2);color:#f59e0b}.access-tier.access-full{background:rgba(222,106,48,.2);color:#de6a30}.follower-access-list{list-style:none;padding:0;margin:0}.follower-access-list .follower-access-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(139,198,226,.18)}.follower-access-list .follower-access-item:last-child{border-bottom:none}.form-select-sm{background:rgba(39,43,64,.8);border:1px solid rgba(139,198,226,.18);color:#f8fafc;padding:.35rem .75rem;border-radius:6px;outline:none}.members-view .page-header{margin-bottom:2.5rem}.members-view .page-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin:0;letter-spacing:-0.02em}.members-view .page-header .subtitle{color:#94a3b8;margin-top:.35rem;font-size:.95rem}.members-view .members-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem}.members-view .member-card{background:rgba(39,43,64,.55);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(139,198,226,.18);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.members-view .member-card:hover{transform:translateY(-3px);border-color:rgba(139,198,226,.35);box-shadow:0 12px 28px rgba(0,0,0,.4)}.members-view .member-card .card-body{display:flex;align-items:center;gap:1.25rem;padding:1.5rem}.members-view .member-card .member-avatar{width:52px;height:52px;min-width:52px;border-radius:50%;background:rgba(222,106,48,.15);border:1px solid rgba(222,106,48,.3);display:flex;align-items:center;justify-content:center;color:#de6a30;font-weight:700;font-size:1.25rem;box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}.members-view .member-card .member-avatar.large{width:72px;height:72px;min-width:72px;font-size:1.75rem}.members-view .member-card .member-info{display:flex;flex-direction:column;overflow:hidden}.members-view .member-card .member-info h3{margin:0;font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-view .member-card .member-info h3 a{color:#f8fafc;transition:color .2s ease}.members-view .member-card .member-info h3 a:hover{color:#8bc6e2}.members-view .member-card .member-info .handle{font-size:.85rem;color:#8bc6e2;margin-top:.15rem}.members-view .member-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid rgba(139,198,226,.18);background:rgba(26,29,46,.4)}.members-view .member-card .card-footer .btn-sm{padding:.4rem .85rem;font-size:.8rem}.members-view .status-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:9999px;letter-spacing:.02em}.members-view .status-badge.status-active{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.members-view .status-badge.status-pending,.members-view .status-badge.status-inactive{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.members-view .empty-state{grid-column:1/-1;padding:3rem;text-align:center;background:rgba(39,43,64,.55);border:1px dashed rgba(139,198,226,.18);border-radius:16px;color:#94a3b8}body.auth-page{min-height:100vh;display:flex;flex-direction:column;background-color:#1a1d2e;background-image:radial-gradient(circle at 15% 20%, rgba(222, 106, 48, 0.12), transparent 40%),radial-gradient(circle at 85% 80%, rgba(139, 198, 226, 0.18), transparent 45%);background-attachment:fixed;color:#f8fafc;margin:0;font-family:inherit}body.auth-page .navbar{display:flex;align-items:center;padding:1.5rem 2.5rem;width:100%;box-sizing:border-box}body.auth-page .navbar .brand{font-size:1.25rem;font-weight:700;color:#f8fafc;text-decoration:none;letter-spacing:-0.02em;transition:color .2s ease}body.auth-page .navbar .brand:hover{color:#8bc6e2}body.auth-page .auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem 4rem;width:100%;box-sizing:border-box}body.placeholder{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;padding:3rem 1.5rem;background-color:#07090e;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"),radial-gradient(ellipse 75% 60% at 50% 35%, #1a2332 0%, transparent 80%),radial-gradient(circle at 15% 15%, rgba(47, 63, 86, 0.45) 0%, transparent 45%),radial-gradient(circle at 85% 85%, rgba(17, 23, 34, 0.8) 0%, transparent 50%);background-attachment:fixed}body.placeholder::after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center, transparent 55%, rgba(4, 5, 8, 0.6) 80%, rgba(2, 3, 5, 0.95) 100%);pointer-events:none;z-index:2}body.placeholder .cloud-container{max-width:1050px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem 2rem;text-align:center;user-select:none;z-index:3}body.placeholder .phrase{display:inline-flex;align-items:center;justify-content:center;letter-spacing:-0.025em;padding:.35em .85em;border-radius:9999px;background:rgba(30,48,74,.35);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(148,163,184,.15);transition:all .4s cubic-bezier(0.16, 1, 0.3, 1)}body.placeholder .phrase--hero{font-size:clamp(2rem,5vw,3.75rem);font-weight:600;opacity:.95}body.placeholder .phrase--large{font-size:clamp(1.4rem,3.2vw,2.5rem);font-weight:500;opacity:.8}body.placeholder .phrase--medium{font-size:clamp(1rem,2vw,1.6rem);font-weight:400;opacity:.65}body.placeholder .phrase--small{font-size:clamp(.8rem,1.2vw,1.1rem);font-weight:300;opacity:.45}body.placeholder .phrase:hover{opacity:1;transform:translateY(-2px);background:rgba(45,75,115,.55);border-color:rgba(191,219,254,.4)}body.placeholder .wrapper{margin-top:4rem;font-family:"New York","Didot","Bodoni MT",Georgia,serif;font-style:italic;font-size:.8rem;letter-spacing:.35em;color:#0d1118;transition:color .6s cubic-bezier(0.16, 1, 0.3, 1);text-transform:lowercase;z-index:3;cursor:default}body.placeholder .wrapper:hover{color:#475569}.dashboard-content{max-width:960px;margin:3rem auto;padding:0 1.5rem}.profile-details{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.75rem}.profile-details .detail-group dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8bc6e2;margin-bottom:.4rem;font-weight:600}.profile-details .detail-group dd{font-size:.95rem;color:#f1f5f9}.profile-details .detail-group dd code{background:rgba(26,29,46,.7);padding:.25rem .5rem;border-radius:6px;border:1px solid rgba(148,163,184,.15);font-family:monospace;color:#f59e0b}