:root{--ink:#17151f;--muted:#77747f;--line:#e9e7ee;--surface:#fff;--lav:#7656d8;--soft:#f7f5fb;--blue:#2865d6}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:14px Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none}.sidebar{height:100vh;width:244px;position:fixed;top:0;left:0;border-right:1px solid var(--line);padding:30px 14px;display:flex;flex-direction:column;background:#fff;z-index:5}.brand{font-size:23px;font-weight:800;letter-spacing:-1.3px;display:flex;align-items:center;gap:8px;margin:0 14px 34px}.brand-dot{display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ffb562,#e84475 45%,#7149cf);font-size:16px;border-radius:10px;width:27px;height:27px}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.side-bottom a{padding:12px 14px;border-radius:12px;font-size:16px;display:flex;gap:14px;align-items:center}.sidebar a.active,.sidebar nav a:hover,.side-bottom a:hover{background:#f3f1f7;font-weight:700}.side-bottom{margin-top:auto}.app-main{margin-left:244px;min-height:100vh}.feed-layout{max-width:1040px;display:grid;grid-template-columns:630px 320px;gap:48px;margin:auto;padding:32px 24px}.stories{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:0 0 23px;margin-bottom:18px;overflow:auto}.story{display:grid;justify-items:center;gap:5px;flex:0 0 66px;font-size:12px;overflow:hidden}.story small{overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.ring{padding:3px;background:linear-gradient(135deg,#f8b65e,#ef3a72,#6f4bd4);border-radius:50%;display:block}.ring img{width:58px;height:58px;object-fit:cover;border:2px solid white;border-radius:50%;display:block}.post{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:22px;background:#fff}.post header,.profile-mini,.suggestion,.notification{display:flex;align-items:center;gap:10px}.post header{padding:12px}.post header img,.profile-mini img,.suggestion img,.notification>img{width:35px;height:35px;object-fit:cover;border-radius:50%}.post header div,.profile-mini div,.suggestion div{display:grid;gap:2px}.post header small,.profile-mini small,.suggestion small,.muted,.timestamp{color:var(--muted);font-size:12px}.plain{margin-left:auto;font-weight:800}.post-image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.post-body{padding:10px 12px}.actions{display:flex;align-items:center;font-size:25px;margin-bottom:8px}.actions button{font-size:25px;padding:0 8px 0 0}.actions .save{margin-left:auto}.post-body p{margin:8px 0;line-height:1.4}.timestamp{display:block;margin:8px 0}.comment{display:flex;align-items:center;border-top:1px solid var(--line);margin:8px -12px -10px;padding:11px 12px;gap:8px}.comment input,.message-input input{flex:1;border:0;outline:0}.comment button,.link,.follow{color:var(--blue);font-weight:700}.right-rail{padding-top:20px}.profile-mini{margin-bottom:28px}.profile-mini img{width:52px;height:52px}.profile-mini a{margin-left:auto;color:var(--blue);font-weight:bold;font-size:12px}.suggest-head{display:flex;justify-content:space-between;color:var(--muted);font-weight:bold;margin-bottom:15px}.suggest-head b{color:var(--ink);font-size:12px}.suggestion{margin:15px 0}.suggestion .follow{margin-left:auto}.legal{font-size:11px;color:#aaa;line-height:1.55;margin-top:32px}.mobile-top{display:none}.page{max-width:1100px;margin:auto;padding:38px}.page-head,.admin-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.page h1,.settings h1{font-size:26px;margin:0 0 20px}.search{background:var(--soft);border-radius:9px;padding:10px 13px;color:#898593}.search input{border:0;background:transparent;outline:0;width:260px}.explore-grid,.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.explore-grid a{position:relative;aspect-ratio:1;overflow:hidden;background:#222}.explore-grid a:nth-child(5n){grid-row:span 2}.explore-grid img,.profile-grid img{width:100%;height:100%;object-fit:cover;display:block}.explore-grid span{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:#0008;color:#fff;font-weight:bold}.explore-grid a:hover span{display:flex}.reel-wrap{height:100vh;display:grid;place-items:center;background:#19171d}.reel{width:min(460px,100%);height:calc(100vh - 26px);max-height:820px;position:relative;border-radius:16px;overflow:hidden;color:#fff}.reel>img{width:100%;height:100%;object-fit:cover}.reel:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#0009)}.reel-copy,.reel-actions{position:absolute;z-index:1}.reel-copy{left:20px;bottom:28px}.reel-copy p{margin:8px 0}.reel-actions{right:14px;bottom:25px;display:grid;gap:17px}.reel-actions button{color:#fff;font-size:28px;display:grid;gap:2px;justify-items:center}.reel-actions small{font-size:11px}.messages{height:100vh;display:grid;grid-template-columns:340px 1fr}.chat-list{border-right:1px solid var(--line)}.chat-list header,.conversation-head{height:74px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.notes{height:115px;display:grid;justify-items:center;align-content:center;gap:6px}.notes span{border:2px solid var(--ink);border-radius:50%;font-size:23px;width:58px;height:58px;display:grid;place-items:center}.chat{display:flex;align-items:center;gap:12px;padding:10px 18px}.chat:hover{background:#f8f7fa}.chat img,.conversation-head img{width:54px;height:54px;border-radius:50%;object-fit:cover}.chat div,.conversation-head div{display:grid;gap:3px}.chat small,.conversation-head small{color:var(--muted)}.conversation{display:flex;flex-direction:column}.conversation-head{justify-content:flex-start;gap:10px}.messages-body{padding:28px;display:grid;align-content:end;gap:10px;flex:1}.bubble{max-width:60%;padding:10px 13px;border-radius:18px;margin:0}.them{background:#eeeef1}.me{background:#7656d8;color:#fff;justify-self:end}.message-input{display:flex;gap:10px;margin:15px 20px;border:1px solid var(--line);border-radius:22px;padding:10px 12px}.profile-page{max-width:950px;margin:auto;padding:52px 40px}.profile-hero{display:flex;gap:80px;align-items:center;padding:0 40px 45px}.profile-hero>img{width:150px;height:150px;border-radius:50%;object-fit:cover}.profile-title{display:flex;align-items:center;gap:10px}.profile-title h1{font-size:21px;font-weight:400}.profile-title button{background:#efeff2;padding:8px 12px;border-radius:8px;font-weight:bold}.stats{display:flex;gap:38px;margin:20px 0}.profile-hero p{line-height:1.5}.profile-hero p a{color:#00376b}.profile-tabs{border-top:1px solid var(--line);display:flex;justify-content:center;gap:64px}.profile-tabs a{padding:17px 0;color:var(--muted);font-size:12px;letter-spacing:.5px}.profile-tabs .active{border-top:1px solid var(--ink);color:var(--ink)}.profile-grid{gap:3px}.profile-grid img{aspect-ratio:1}.narrow{max-width:650px}.narrow h3{font-size:14px;margin:28px 0 8px}.notification{padding:12px 0}.notification p{flex:1;line-height:1.45}.notification p small{color:var(--muted);margin-left:4px}.notification .thumb{border-radius:0;object-fit:cover}.composer{max-width:760px;border:1px solid var(--line);border-radius:12px;margin:70px auto;overflow:hidden}.composer header{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.composer header button{color:var(--blue);font-weight:bold}.upload-zone{text-align:center;padding:100px 20px}.upload-icon{font-size:48px}.primary{background:#2865d6!important;color:white!important;padding:9px 16px;border-radius:8px;font-weight:700;display:inline-block}.settings{max-width:960px;margin:55px auto;display:grid;grid-template-columns:240px 1fr;border:1px solid var(--line);border-radius:12px;min-height:540px}.settings>aside{border-right:1px solid var(--line);padding:22px;display:grid;align-content:start;gap:6px}.settings>aside b{font-size:20px;margin-bottom:14px}.settings>aside a{padding:10px;border-radius:7px}.settings>aside .active{background:#f0edfb;color:#6044bb;font-weight:bold}.settings form{padding:35px 48px;max-width:600px}.settings label,.admin-form label{display:grid;gap:7px;margin:18px 0;font-weight:700}.settings input,.settings textarea,.admin-form input,.admin-form select,.admin-title input{border:1px solid #d8d5df;border-radius:7px;padding:10px;outline-color:#7656d8;font-weight:400}.settings textarea{height:75px;resize:vertical}.account-row{display:flex;align-items:center;gap:13px}.account-row img{width:52px;height:52px;border-radius:50%}.account-row div{display:grid;gap:6px}.auth-bg{background:#faf9fc;min-height:100vh;display:grid;place-items:center}.auth{width:370px;text-align:center}.auth section,.auth aside{background:#fff;border:1px solid var(--line);padding:42px 38px;margin-bottom:10px}.auth .big{justify-content:center;margin:0 0 24px}.auth p{color:var(--muted);font-weight:bold;line-height:1.4}.auth form{display:grid;gap:8px;margin-top:28px}.auth input{border:1px solid var(--line);background:#fafafa;padding:10px;border-radius:5px}.or{display:flex;align-items:center;gap:12px;color:#999;font-size:11px;margin:18px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.auth>small{display:block;color:#999;margin-top:20px}.admin-body{background:#f6f5f8}.admin-nav{position:fixed;width:235px;min-height:100vh;padding:28px 14px;background:#26222f;color:#e9e4f3;display:grid;align-content:start;gap:8px}.admin-nav .brand{color:#fff;margin-bottom:28px}.admin-nav small{color:#9791a6;font-size:10px;padding:0 14px;margin:8px 0}.admin-nav>a:not(.brand){padding:11px 14px;border-radius:7px}.admin-nav>a:not(.brand):hover{background:#393442}.admin-main{margin-left:235px}.admin-main>header{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;justify-content:space-between;align-items:center}.admin-main>h1,.admin-title{margin:34px 36px 20px}.admin-title input{width:260px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 36px 25px}.admin-stats>div,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.admin-stats small,.admin-stats em{display:block;color:var(--muted)}.admin-stats b{font-size:28px;margin:8px 0;display:block}.admin-stats em{color:#168160;font-size:12px;font-style:normal}.admin-stats .warn{color:#d16b18}.admin-panel{margin:0 36px}.admin-panel h2{font-size:16px;margin-top:0}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--muted);font-size:12px}td,th{padding:14px 10px;border-bottom:1px solid var(--line)}.badge{padding:5px 9px;border-radius:99px;font-size:11px;font-weight:bold}.badge.pending{background:#fff1dc;color:#a45d00}.badge.done{background:#dff7ec;color:#13744f}.admin-panel a{color:var(--blue);font-weight:bold}.admin-form{max-width:680px}.admin-form label:last-of-type{display:flex;align-items:center}.admin-form label:last-of-type input{width:auto}
@media(max-width:900px){.sidebar{width:72px;padding:25px 10px}.brand{margin:0 10px 30px}.brand{font-size:0}.brand-dot{font-size:16px}.sidebar span{display:none}.sidebar nav a,.side-bottom a{justify-content:center;padding:13px}.app-main{margin-left:72px}.feed-layout{grid-template-columns:minmax(0,630px);justify-content:center}.right-rail{display:none}.profile-hero{gap:35px;padding-left:0}.settings{margin:25px}.admin-stats{grid-template-columns:1fr}.admin-nav{width:70px;padding:25px 8px}.admin-nav>a:not(.brand){font-size:0;text-align:center}.admin-nav small{display:none}.admin-main{margin-left:70px}}
@media(max-width:600px){.sidebar{height:62px;width:100%;bottom:0;top:auto;padding:4px 6px;border-top:1px solid var(--line);border-right:0;display:block}.sidebar .brand,.side-bottom,.sidebar nav a:nth-child(2),.sidebar nav a:nth-child(3),.sidebar nav a:nth-child(5){display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav a{display:flex;padding:12px;font-size:20px}.app-main{margin-left:0;padding-bottom:65px}.feed-layout{padding:0}.feed{width:100%}.mobile-top{display:flex;justify-content:space-between;padding:17px;font-size:21px}.stories{padding:0 13px 15px;margin:0}.post{border-left:0;border-right:0;border-radius:0;margin-bottom:10px}.page{padding:22px 14px}.page-head{display:block}.search{display:block;margin-top:12px}.search input{width:88%}.explore-grid{gap:2px}.reel{height:calc(100vh - 62px);border-radius:0}.messages{height:calc(100vh - 62px);grid-template-columns:1fr}.chat-list{display:none}.profile-page{padding:25px 14px}.profile-hero{padding:0 0 25px;gap:20px;align-items:start}.profile-hero>img{width:80px;height:80px}.profile-title{display:block}.profile-title h1{margin:0 0 10px}.stats{gap:12px;font-size:12px}.profile-tabs{gap:18px}.composer{border:0;margin:0}.settings{display:block;border:0;margin:0}.settings>aside{display:none}.settings form{padding:25px}.admin-main>header,.admin-main>h1,.admin-title,.admin-panel,.admin-stats{margin-left:15px;margin-right:15px}.admin-main>header{padding:0 15px}.admin-title{display:block}.admin-title input{width:100%;margin-top:10px}.admin-panel{overflow:auto}.auth{width:100%}.auth section,.auth aside{border-left:0;border-right:0}.auth section{padding:40px 30px}}