:root{
--ig-bg:#000;--ig-elevated:#000;--ig-card:#121212;--ig-card2:#1a1a1a;
--ig-border:#262626;--ig-border2:#1a1a1a;--ig-hover:#1a1a1a;
--ig-text:#f5f5f5;--ig-text2:#a8a8a8;--ig-text3:#737373;
--ig-link:#f5d0e0;--ig-blue:#b71361;
--ig-pink:#b71361;--ig-pink2:#d4176f;--ig-pink-hover:#a01055;
--ig-red:#ed4956;--ig-green:#58c322;
--ig-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
--sidebar:244px;--feed:470px;--right:320px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body,.fza-body{background:var(--ig-bg)!important;color:var(--ig-text);font-family:var(--ig-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:var(--ig-font);}

.fza{display:flex;min-height:100vh;}

.fza-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar);background:var(--ig-bg);border-right:1px solid var(--ig-border);padding:8px 12px 20px;display:flex;flex-direction:column;z-index:100;}
.fza-sidebar-logo{padding:20px 12px 24px;}
.fza-sidebar-logo img{height:32px;}
.fza-sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;}
.fza-snav{display:flex;align-items:center;gap:16px;padding:12px;color:var(--ig-text);font-size:16px;border-radius:8px;transition:background .2s;}
.fza-snav:hover{background:var(--ig-hover);}
.fza-snav.active{font-weight:700;}
.fza-snav svg{width:24px;height:24px;flex-shrink:0;}
.fza-snav.active svg{stroke-width:2.5;}
.fza-snav-badge{margin-left:auto;background:var(--ig-red);color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;}
.fza-sidebar-create{margin-top:8px;}
.fza-sidebar-create .fza-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:8px;font-size:16px;}
.fza-sidebar-profile{display:flex;align-items:center;gap:12px;padding:12px;margin-top:auto;border-radius:8px;cursor:pointer;transition:background .2s;}
.fza-sidebar-profile:hover{background:var(--ig-hover);}
.fza-sp-avatar{width:24px;height:24px;border-radius:50%;background:var(--ig-card);overflow:hidden;flex-shrink:0;}
.fza-sp-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-sp-name{font-size:16px;color:var(--ig-text);}
.fza-sp-handle{font-size:12px;color:var(--ig-text3);}

.fza-content{margin-left:var(--sidebar);flex:1;display:flex;justify-content:center;}
.fza-feed-col{width:100%;max-width:100%;min-height:100vh;}
.fza-feed-narrow{max-width:var(--feed);margin:0 auto;padding-top:16px;}

.fza-page-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;position:sticky;top:0;background:var(--ig-bg);z-index:50;}
.fza-page-head h1{font-size:20px;font-weight:700;color:var(--ig-text);flex:1;}
.fza-back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ig-text);cursor:pointer;}

.fza-stories{display:flex;gap:16px;padding:8px 8px 12px;overflow-x:auto;border-bottom:1px solid var(--ig-border);margin-bottom:4px;}
.fza-stories::-webkit-scrollbar{display:none;}
.fza-story-item,.fza-story-add{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;cursor:pointer;}
.fza-story-circle{width:56px;height:56px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#d4176f,#b71361,#8e0f4b,#d4176f,#b71361);display:flex;align-items:center;justify-content:center;}
.fza-story-circle>*{width:100%;height:100%;border-radius:50%;background:var(--ig-bg);border:2px solid var(--ig-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;font-size:13px;color:var(--ig-pink);}
.fza-story-circle img{width:100%!important;height:100%!important;object-fit:cover;border:none;}
.fza-story-plus{background:none!important;border:2px dashed var(--ig-border)!important;}
.fza-story-plus svg{color:var(--ig-text3);}
.fza-story-item span,.fza-story-add span{font-size:12px;color:var(--ig-text2);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.fza-create-bar{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 8px;border-bottom:1px solid var(--ig-border);}
.fza-create-avatar{width:32px;height:32px;border-radius:50%;background:var(--ig-card);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--ig-pink);flex-shrink:0;overflow:hidden;}
.fza-create-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-create-input{flex:1;padding:8px 16px;background:transparent;border:1px solid var(--ig-border);border-radius:8px;color:var(--ig-text3);font-size:14px;cursor:pointer;}
.fza-create-input:hover{border-color:var(--ig-text3);}
.fza-create-cam{color:var(--ig-text3);padding:4px;display:flex;}

.fza-post{border-bottom:1px solid var(--ig-border);padding-bottom:12px;margin-bottom:12px;}
.fza-post-head{display:flex;align-items:center;gap:8px;padding:8px 12px;}
.fza-post-avatar{width:32px;height:32px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#d4176f,#b71361,#8e0f4b,#d4176f,#b71361);flex-shrink:0;}
.fza-post-avatar>*{width:100%;height:100%;border-radius:50%;background:var(--ig-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px;color:var(--ig-pink);}
.fza-post-avatar img{width:100%!important;height:100%!important;object-fit:cover;}
.fza-post-meta{flex:1;min-width:0;}
.fza-post-name{font-weight:600;font-size:14px;color:var(--ig-text);}
.fza-post-name:hover{opacity:.7;}
.fza-post-time{font-size:14px;color:var(--ig-text3);margin-left:4px;}
.fza-post-media{width:100%;background:#0a0a0a;position:relative;border:1px solid var(--ig-border2);}
.fza-post-media img{width:100%;display:block;max-height:585px;object-fit:contain;}
.fza-post-media video{width:100%;display:block;max-height:585px;background:#000;}
.fza-post-actions{display:flex;align-items:center;padding:4px 12px 0;}
.fza-action{background:none;border:none;color:var(--ig-text);padding:8px;cursor:pointer;display:flex;align-items:center;}
.fza-action svg{width:24px;height:24px;transition:opacity .1s;}
.fza-action:hover svg{opacity:.6;}
.fza-action:active svg{opacity:.3;transform:scale(.9);}
.fza-like-btn.liked{color:var(--ig-red);}
.fza-like-btn.liked svg{fill:var(--ig-red);stroke:var(--ig-red);}
.fza-bookmark-btn{margin-left:auto;}
.fza-bookmark-btn.saved svg{fill:var(--ig-text);stroke:var(--ig-text);}
.fza-post-likes{padding:0 14px 4px;font-size:14px;font-weight:600;color:var(--ig-text);}
.fza-post-caption{padding:0 14px 8px;font-size:14px;color:var(--ig-text);}
.fza-post-caption b{font-weight:600;margin-right:4px;}
.fza-post-viewcomments{padding:0 14px 4px;font-size:14px;color:var(--ig-text3);cursor:pointer;}

.fza-comments-section{padding:0 14px 8px;}
.fza-comment{display:flex;gap:8px;padding:4px 0;}
.fza-comment-avatar{width:24px;height:24px;border-radius:50%;background:var(--ig-card);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--ig-pink);flex-shrink:0;}
.fza-comment b{font-size:13px;font-weight:600;color:var(--ig-text);}
.fza-comment span{font-size:13px;color:var(--ig-text);font-weight:400;margin-left:4px;}
.fza-comment-time{font-size:12px;color:var(--ig-text3);margin-top:2px;}
.fza-comment-form{display:flex;gap:8px;padding:8px 14px;border-top:1px solid var(--ig-border);}
.fza-comment-input{flex:1;padding:8px 0;background:transparent;border:none;color:var(--ig-text);font-size:14px;font-family:var(--ig-font);outline:none;}
.fza-comment-input::placeholder{color:var(--ig-text3);}
.fza-comment-send{background:none;border:none;color:var(--ig-blue);font-weight:600;font-size:14px;cursor:pointer;opacity:.5;font-family:var(--ig-font);}
.fza-comment-send:hover{opacity:1;}

.fza-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;background:var(--ig-pink);color:#fff!important;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--ig-font);transition:background .15s;}
.fza-btn-primary:hover{background:var(--ig-pink-hover);}
.fza-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:transparent;color:var(--ig-text)!important;border:1px solid var(--ig-border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--ig-font);}
.fza-btn-outline:hover{background:var(--ig-hover);}
.fza-btn-sm{padding:6px 16px;font-size:13px;}
.fza-btn-block{display:flex;width:100%;}
.fza-btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:transparent;color:var(--ig-red)!important;border:1px solid var(--ig-border);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;}
.fza-follow-btn{padding:7px 24px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;font-family:var(--ig-font);background:var(--ig-pink);color:#fff;transition:all .15s;}
.fza-follow-btn:hover{background:var(--ig-pink-hover);}
.fza-follow-btn.following{background:var(--ig-card2);color:var(--ig-text);border:1px solid var(--ig-border);}

.fza-form{display:flex;flex-direction:column;gap:12px;}
.fza-field label{display:block;font-size:12px;color:var(--ig-text3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px;}
.fza-field input,.fza-field textarea,.fza-field select,.fza-input{width:100%;padding:10px 12px;background:var(--ig-bg);border:1px solid var(--ig-border);border-radius:6px;color:var(--ig-text);font-size:14px;font-family:var(--ig-font);outline:none;}
.fza-field input:focus,.fza-field textarea:focus{border-color:var(--ig-text3);}
.fza-field input::placeholder,.fza-field textarea::placeholder{color:var(--ig-text3);}
.fza-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ig-text2);cursor:pointer;}
.fza-success{background:transparent;color:var(--ig-green);font-size:14px;padding:8px 0;}

.fza-auth{max-width:350px;margin:0 auto;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;}
.fza-auth h1{font-size:24px;font-weight:600;color:var(--ig-text);margin-bottom:4px;text-align:center;}
.fza-auth-sub{color:var(--ig-text3);font-size:16px;margin-bottom:24px;text-align:center;}
.fza-auth-error{color:var(--ig-red);font-size:14px;text-align:center;margin-bottom:12px;}
.fza-auth-link{text-align:center;font-size:14px;color:var(--ig-text3);margin-top:16px;padding-top:16px;border-top:1px solid var(--ig-border);}
.fza-auth-link a{color:var(--ig-pink);font-weight:600;}
.fza-role-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.fza-role{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:var(--ig-card);border:1px solid var(--ig-border);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--ig-text);}
.fza-role input{display:none;}
.fza-role.active{border-color:var(--ig-pink);background:rgba(183,19,97,.08);}
.fza-role-ico{display:block;margin-bottom:2px;}
.fza-role-ico svg{margin:0 auto;color:var(--ig-text3);}
.fza-role.active .fza-role-ico svg{color:var(--ig-pink);}

.fza-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center;}
.fza-landing-logo{height:48px;margin-bottom:40px;}
.fza-landing h1{font-size:36px;font-weight:600;color:var(--ig-text);margin-bottom:12px;}
.fza-landing p{color:var(--ig-text3);font-size:16px;max-width:400px;margin-bottom:28px;}
.fza-landing-btns{display:flex;flex-direction:column;gap:8px;width:100%;max-width:260px;}

.fza-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--ig-card);border:none;border-radius:8px;margin:0 16px 12px;}
.fza-search-bar svg{color:var(--ig-text3);flex-shrink:0;}
.fza-search-bar input{flex:1;background:none;border:none;color:var(--ig-text);font-size:16px;outline:none;}
.fza-search-bar input::placeholder{color:var(--ig-text3);}
.fza-tabs{display:flex;gap:8px;padding:0 16px 12px;}
.fza-tab{padding:6px 16px;font-size:14px;font-weight:600;color:var(--ig-text2);border-radius:8px;border:1px solid var(--ig-border);cursor:pointer;transition:all .15s;}
.fza-tab:hover{background:var(--ig-hover);}
.fza-tab.active{background:var(--ig-text);color:var(--ig-bg);border-color:var(--ig-text);}
.fza-discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;}
.fza-discover-item{aspect-ratio:1;background:var(--ig-card);background-size:cover;background-position:center;position:relative;overflow:hidden;cursor:pointer;}
.fza-discover-item:hover .fza-di-overlay{opacity:1;}
.fza-di-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .2s;}
.fza-di-name{display:none;}
.fza-di-stats{display:flex;gap:16px;color:#fff;font-size:14px;font-weight:600;}
.fza-di-stats span{display:flex;align-items:center;gap:4px;}
.fza-di-stats svg{width:18px;height:18px;fill:#fff;}
.fza-discover-item:nth-child(18n+1),.fza-discover-item:nth-child(18n+10){grid-column:span 2;grid-row:span 2;}

.fza-creator-list{padding:0 16px;}
.fza-creator-row{display:flex;align-items:center;gap:12px;padding:8px 0;}
.fza-cr-avatar{width:44px;height:44px;border-radius:50%;background:var(--ig-card);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ig-pink);font-size:15px;}
.fza-cr-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-cr-info{flex:1;min-width:0;}
.fza-cr-name{font-size:14px;font-weight:600;color:var(--ig-text);display:block;}
.fza-cr-handle{font-size:14px;color:var(--ig-text3);}

.fza-profile{}
.fza-profile-banner{height:0;overflow:hidden;display:none;}
.fza-profile-header{display:flex;gap:24px;padding:20px 24px 16px;align-items:flex-start;}
.fza-profile-avatar-wrap{flex-shrink:0;}
.fza-profile-avatar{width:150px;height:150px;border-radius:50%;background:var(--ig-card);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;color:var(--ig-pink);}
.fza-profile-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-profile-details{flex:1;padding-top:8px;}
.fza-profile-top{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap;}
.fza-profile-top h2{font-size:20px;font-weight:400;color:var(--ig-text);}
.fza-profile-stats{display:flex;gap:32px;margin-bottom:12px;}
.fza-profile-stats div{font-size:16px;color:var(--ig-text);}
.fza-profile-stats b{font-weight:600;}
.fza-profile-stats span{color:var(--ig-text2);}
.fza-profile-handle{display:none;}
.fza-profile-bio{font-size:14px;color:var(--ig-text);line-height:1.4;}
.fza-profile-info{text-align:left;padding:0;margin-top:0;}
.fza-profile-tabs{display:flex;border-top:1px solid var(--ig-border);margin-top:16px;}
.fza-profile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:16px;font-size:12px;font-weight:600;color:var(--ig-text3);text-transform:uppercase;letter-spacing:1px;border-top:1px solid transparent;margin-top:-1px;cursor:pointer;}
.fza-profile-tab.active{color:var(--ig-text);border-top-color:var(--ig-text);}
.fza-profile-tab svg{width:12px;height:12px;}
.fza-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;}
.fza-grid-item{aspect-ratio:1;background:var(--ig-card);background-size:cover;background-position:center;position:relative;cursor:pointer;}
.fza-grid-item:hover{opacity:.7;}
.fza-grid-text{font-size:14px;color:var(--ig-text3);padding:16px;display:flex;align-items:center;justify-content:center;text-align:center;height:100%;}
.fza-profile-actions{display:flex;gap:8px;}

.fza-chat-list{padding:0;}
.fza-chat-row{display:flex;align-items:center;gap:12px;padding:8px 20px;transition:background .1s;cursor:pointer;}
.fza-chat-row:hover{background:var(--ig-hover);}
.fza-chat-avatar{width:56px;height:56px;border-radius:50%;background:var(--ig-card);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ig-pink);font-size:16px;position:relative;}
.fza-chat-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--ig-green);border-radius:50%;border:2px solid var(--ig-bg);}
.fza-chat-info{flex:1;min-width:0;}
.fza-chat-name{font-size:14px;font-weight:400;color:var(--ig-text);}
.fza-chat-last{font-size:14px;color:var(--ig-text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fza-chat-meta{flex-shrink:0;}
.fza-chat-time{font-size:12px;color:var(--ig-text3);}
.fza-unread-badge{width:8px;height:8px;background:var(--ig-pink);border-radius:50%;margin:4px auto 0;}
.fza-chat-screen{display:flex;flex-direction:column;height:100vh;}
.fza-chat-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--ig-border);}
.fza-chat-partner{display:flex;align-items:center;gap:8px;}
.fza-chat-avatar-sm{width:24px;height:24px;border-radius:50%;background:var(--ig-card);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ig-pink);font-size:9px;}
.fza-chat-avatar-sm img{width:100%;height:100%;object-fit:cover;}
.fza-chat-partner span{font-weight:600;font-size:16px;}
.fza-chat-messages{flex:1;padding:20px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;}
.fza-msg{max-width:65%;}
.fza-msg-sent{align-self:flex-end;}
.fza-msg-recv{align-self:flex-start;}
.fza-msg-bubble{padding:12px 16px;border-radius:22px;font-size:14px;line-height:1.4;}
.fza-msg-sent .fza-msg-bubble{background:var(--ig-pink);color:#fff;}
.fza-msg-recv .fza-msg-bubble{background:var(--ig-card2);color:var(--ig-text);}
.fza-msg-time{font-size:11px;color:var(--ig-text3);margin-top:2px;padding:0 8px;}
.fza-msg-sent .fza-msg-time{text-align:right;}
.fza-chat-input-bar{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--ig-border);}
.fza-chat-input-bar input{flex:1;padding:10px 16px;background:transparent;border:1px solid var(--ig-border);border-radius:22px;color:var(--ig-text);font-size:14px;outline:none;}
.fza-chat-input-bar input:focus{border-color:var(--ig-text3);}
.fza-chat-input-bar input::placeholder{color:var(--ig-text3);}
.fza-send-btn{width:40px;height:40px;background:none;border:none;color:var(--ig-pink);display:flex;align-items:center;justify-content:center;cursor:pointer;}

.fza-notif{display:flex;align-items:center;gap:12px;padding:8px 20px;}
.fza-notif:hover{background:var(--ig-hover);}
.fza-notif-avatar{width:44px;height:44px;border-radius:50%;background:var(--ig-card);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ig-pink);font-size:13px;}
.fza-notif-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-notif-text{flex:1;font-size:14px;color:var(--ig-text);}
.fza-notif-text b{font-weight:600;}
.fza-notif-time{font-size:12px;color:var(--ig-text3);}

.fza-settings,.fza-create-screen{padding:0 20px 40px;max-width:500px;}
.fza-create-head{display:flex;align-items:center;gap:12px;padding:16px 0;}
.fza-create-head h2{font-size:20px;font-weight:600;color:var(--ig-text);}
.fza-post-textarea{width:100%;padding:16px 0;background:transparent;border:none;border-bottom:1px solid var(--ig-border);color:var(--ig-text);font-size:16px;resize:none;font-family:var(--ig-font);outline:none;min-height:120px;}
.fza-post-textarea::placeholder{color:var(--ig-text3);}
.fza-media-preview{position:relative;border-radius:4px;overflow:hidden;margin:12px 0;border:1px solid var(--ig-border);}
.fza-media-preview img,.fza-media-preview video{width:100%;display:block;max-height:400px;object-fit:contain;background:#000;}
.fza-remove-media{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(0,0,0,.65);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;}
.fza-create-toolbar{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--ig-border);}
.fza-toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:1px solid var(--ig-border);border-radius:8px;color:var(--ig-text2);font-size:14px;cursor:pointer;font-family:var(--ig-font);}
.fza-toolbar-btn:hover{border-color:var(--ig-text3);color:var(--ig-text);}
.fza-vis-select{padding:8px 12px;background:var(--ig-bg);border:1px solid var(--ig-border);border-radius:8px;color:var(--ig-text2);font-size:13px;outline:none;}

.fza-story-upload{border:1px solid var(--ig-border);border-radius:8px;padding:48px;text-align:center;cursor:pointer;}
.fza-story-upload:hover{border-color:var(--ig-text3);}
.fza-story-preview{position:relative;border-radius:4px;overflow:hidden;background:#000;max-height:500px;}
.fza-story-preview img,.fza-story-preview video{max-width:100%;max-height:500px;display:block;margin:0 auto;}
.fza-story-viewer{position:relative;background:#0a0a0a;min-height:100vh;display:flex;flex-direction:column;}
.fza-story-top{position:absolute;top:0;left:0;right:0;z-index:10;padding:8px 16px 0;}
.fza-story-progress{height:2px;background:rgba(255,255,255,.15);border-radius:1px;overflow:hidden;margin-bottom:10px;}
.fza-story-bar{height:100%;background:#fff;width:0;}
.fza-story-header{display:flex;align-items:center;justify-content:space-between;}
.fza-story-user{display:flex;align-items:center;gap:8px;}
.fza-story-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--ig-card);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ig-pink);font-size:11px;}
.fza-story-user-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-story-user-name{font-size:14px;font-weight:600;color:#fff;}
.fza-story-user-time{font-size:12px;color:rgba(255,255,255,.5);}
.fza-story-close{color:rgba(255,255,255,.8);padding:4px;cursor:pointer;}
.fza-story-media{flex:1;display:flex;align-items:center;justify-content:center;}
.fza-story-media img,.fza-story-media video{max-width:100%;max-height:100vh;object-fit:contain;}
.fza-story-nav{position:absolute;top:60px;bottom:60px;left:0;right:0;display:flex;}
.fza-story-nav-prev,.fza-story-nav-next{flex:1;}
.fza-story-views{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;color:rgba(255,255,255,.4);}

.fza-banner-draggable{cursor:grab;}
.fza-banner-draggable.dragging{cursor:grabbing;}
.fza-banner-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;pointer-events:none;}

.fza-empty{text-align:center;padding:60px 20px;}
.fza-empty-ico{margin-bottom:12px;display:flex;justify-content:center;}
.fza-empty h3{font-size:22px;font-weight:300;color:var(--ig-text);margin-bottom:4px;}
.fza-empty p{color:var(--ig-text3);font-size:14px;margin-bottom:16px;}

.fza-bottom{display:none;}
.fza-screen-title{padding:16px;display:flex;flex-direction:column;gap:2px;}
.fza-screen-title h1{font-size:20px;font-weight:700;}
.fza-screen-title p{font-size:14px;color:var(--ig-text3);}

.fza-paywall{position:relative;overflow:hidden;}
.fza-paywall-blur{filter:blur(20px);-webkit-filter:blur(20px);pointer-events:none;user-select:none;}
.fza-paywall-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;}
.fza-paywall-overlay svg{margin-bottom:8px;color:var(--ig-text);}
.fza-paywall-overlay h4{font-size:16px;color:var(--ig-text);margin-bottom:4px;}
.fza-paywall-overlay p{font-size:14px;color:var(--ig-text3);margin-bottom:12px;}
.fza-sub-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(183,19,97,.15);color:var(--ig-pink);border-radius:4px;font-size:12px;font-weight:600;}

@media(max-width:1024px){:root{--sidebar:72px;}.fza-snav span,.fza-sp-name,.fza-sp-handle{display:none;}.fza-snav{justify-content:center;padding:12px;}.fza-sidebar-logo img{height:24px;}.fza-sidebar-create .fza-btn-primary span{display:none;}.fza-sidebar-create .fza-btn-primary{padding:12px;border-radius:50%;width:48px;height:48px;}.fza-sidebar-profile{justify-content:center;}}
@media(max-width:768px){.fza-sidebar{display:none;}.fza-content{margin-left:0;}.fza-feed-narrow{max-width:100%;}.fza-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--ig-bg);border-top:1px solid var(--ig-border);justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:100;}.fza-bnav{padding:8px 12px;color:var(--ig-text3);display:flex;align-items:center;justify-content:center;}.fza-bnav.active{color:var(--ig-text);}.fza-bnav svg{width:24px;height:24px;}.fza-bnav-create{color:var(--ig-text);}.fza{padding-bottom:60px;}.fza-profile-header{flex-direction:column;align-items:center;text-align:center;gap:16px;}.fza-profile-avatar{width:80px;height:80px;font-size:24px;}.fza-profile-stats{justify-content:center;}.fza-profile-actions{justify-content:center;}.fza-discover-grid{grid-template-columns:repeat(3,1fr);}.fza-discover-item:nth-child(18n+1),.fza-discover-item:nth-child(18n+10){grid-column:span 1;grid-row:span 1;}}
::-webkit-scrollbar{width:0;}

.fza-post-detail{display:flex;background:var(--ig-bg);min-height:calc(100vh - 60px);max-width:1100px;margin:0 auto;border:1px solid var(--ig-border);border-radius:4px;overflow:hidden;}
.fza-pd-media{flex:1;background:#000;display:flex;align-items:center;justify-content:center;min-height:500px;max-height:calc(100vh - 60px);}
.fza-pd-media img,.fza-pd-media video{max-width:100%;max-height:calc(100vh - 60px);object-fit:contain;}
.fza-pd-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--ig-text);text-align:center;gap:12px;width:100%;height:100%;min-height:400px;background:var(--ig-card);}
.fza-pd-noimage{display:flex;align-items:center;justify-content:center;width:100%;min-height:300px;background:var(--ig-card);}
.fza-pd-info{width:400px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--ig-border);}
.fza-pd-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ig-border);}
.fza-pd-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;padding:2px;background:linear-gradient(45deg,#d4176f,#b71361,#8e0f4b,#d4176f);}
.fza-pd-avatar>div{width:100%;height:100%;border-radius:50%;background:var(--ig-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--ig-pink);}
.fza-pd-avatar img{width:100%!important;height:100%!important;object-fit:cover;}
.fza-pd-username{font-weight:600;font-size:14px;color:var(--ig-text);}
.fza-pd-username:hover{opacity:.7;}
.fza-pd-comments{flex:1;overflow-y:auto;padding:16px;}
.fza-pd-comment{display:flex;gap:10px;margin-bottom:16px;}
.fza-pd-c-avatar{width:32px;height:32px;border-radius:50%;background:var(--ig-card);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--ig-pink);}
.fza-pd-c-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-pd-c-body{flex:1;}
.fza-pd-c-body span{font-size:14px;color:var(--ig-text);line-height:1.4;}
.fza-pd-c-body b{font-weight:600;margin-right:4px;cursor:pointer;}
.fza-pd-c-body b:hover{opacity:.7;}
.fza-pd-c-time{font-size:12px;color:var(--ig-text3);margin-top:4px;}
.fza-pd-actions{border-top:1px solid var(--ig-border);}
.fza-pd-comment-input{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--ig-border);}
.fza-pd-input{flex:1;background:none;border:none;color:var(--ig-text);font-size:14px;padding:8px 0;outline:none;font-family:var(--ig-font);}
.fza-pd-input::placeholder{color:var(--ig-text3);}

@media(max-width:768px){
.fza-post-detail{flex-direction:column;border:none;border-radius:0;min-height:auto;}
.fza-pd-media{min-height:auto;max-height:60vh;overflow:hidden;}
.fza-pd-media video,.fza-pd-media img{max-height:60vh!important;}
.fza-pd-info{width:100%;border-left:none;border-top:1px solid var(--ig-border);}
.fza-pd-comments{max-height:250px;}
}
@media(max-width:768px){.fza-pd-mobile-back{display:flex!important;}}

.fza-post-media-link{display:block;cursor:pointer;}
.fza-post-media-link .fza-post-media{border:none;}

.fza-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;}
.fza-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);}
.fza-modal-box{position:relative;background:var(--ig-card);border-radius:12px;width:100%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ig-border);}
.fza-modal-head{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ig-border);}
.fza-modal-x{background:none;border:none;color:var(--ig-text);cursor:pointer;padding:4px;display:flex;}
.fza-modal-title{flex:1;text-align:center;font-weight:600;font-size:16px;color:var(--ig-text);}
.fza-modal-action{background:none;border:none;color:var(--ig-pink);font-weight:600;font-size:14px;cursor:pointer;font-family:var(--ig-font);}
.fza-modal-action:disabled{opacity:.3;cursor:default;}
.fza-modal-search{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--ig-border);color:var(--ig-text3);}
.fza-modal-search input{flex:1;background:none;border:none;color:var(--ig-text);font-size:14px;outline:none;font-family:var(--ig-font);padding:6px 0;}
.fza-modal-search input::placeholder{color:var(--ig-text3);}
.fza-modal-list{overflow-y:auto;flex:1;padding:8px 0;}
.fza-share-user{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:background .1s;}
.fza-share-user:hover{background:var(--ig-hover);}
.fza-share-avatar{width:44px;height:44px;border-radius:50%;background:var(--ig-card2);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ig-pink);font-size:14px;}
.fza-share-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-share-info{flex:1;min-width:0;}
.fza-share-name{font-weight:600;font-size:14px;color:var(--ig-text);}
.fza-share-handle{font-size:13px;color:var(--ig-text3);}
.fza-share-check{display:none;}
.fza-share-radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--ig-border);flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center;}
.fza-share-check:checked+.fza-share-radio{background:var(--ig-pink);border-color:var(--ig-pink);}
.fza-share-check:checked+.fza-share-radio::after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#fff;}
@media(max-width:768px){.fza-modal-box{max-width:100%;max-height:80vh;border-radius:12px 12px 0 0;position:absolute;bottom:0;}}

.fza-post-media--video{position:relative;cursor:pointer;}
.fza-post-media--video video{width:100%;display:block;max-height:600px;object-fit:contain;background:#000;}
.fza-vid-mute{position:absolute;bottom:14px;left:14px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.55);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.fza-vid-mute:hover{background:rgba(0,0,0,.75);}

.fza-fs-overlay{position:fixed;inset:0;z-index:9998;background:#000;display:flex;flex-direction:column;}
.fza-fs-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;padding:12px 16px;}
.fza-fs-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;}
.fza-fs-video-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;}
.fza-fs-video-wrap video{width:100%;height:100%;object-fit:contain;max-height:100vh;}
.fza-fs-sidebar{position:absolute;right:12px;bottom:140px;display:flex;flex-direction:column;gap:20px;align-items:center;z-index:3;}
.fza-fs-action{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;background:none;border:none;cursor:pointer;font-family:var(--ig-font);}
.fza-fs-action svg{width:28px;height:28px;}
.fza-fs-action span{font-size:12px;font-weight:600;}
.fza-fs-action.liked svg{fill:var(--ig-red);stroke:var(--ig-red);}
.fza-fs-bottom{position:absolute;bottom:56px;left:0;right:80px;z-index:3;padding:16px;}
.fza-fs-user{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.fza-fs-user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--ig-pink);background:var(--ig-card);}
.fza-fs-user-avatar img{width:100%;height:100%;object-fit:cover;}
.fza-fs-username{font-size:14px;font-weight:600;color:#fff;}
.fza-fs-caption{font-size:14px;color:rgba(255,255,255,.85);line-height:1.4;max-height:60px;overflow:hidden;}
.fza-fs-comment-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:linear-gradient(transparent,rgba(0,0,0,.6));z-index:3;display:flex;gap:8px;align-items:center;}
.fza-fs-comment-input{flex:1;padding:10px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:24px;color:#fff;font-size:14px;outline:none;font-family:var(--ig-font);}
.fza-fs-comment-input::placeholder{color:rgba(255,255,255,.5);}

.fza-dash-wrap{max-width:900px;margin:0 auto;padding:20px;}
.fza-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;}
.fza-dash-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;}
.fza-dash-links{display:flex;gap:8px;flex-wrap:wrap;}
.fza-dash-mass-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.fza-dash-mass-row select,.fza-dash-mass-row input{min-width:0;}
@media(max-width:768px){
.fza-dash-wrap{padding:12px;}
.fza-dash-stats{grid-template-columns:repeat(2,1fr);gap:8px;}
.fza-dash-grid2{grid-template-columns:1fr;gap:12px;}
.fza-dash-mass-row{flex-direction:column;align-items:stretch;}
.fza-dash-mass-row select,.fza-dash-mass-row input{width:100%!important;}
.fza-dash-links{flex-direction:column;}
.fza-dash-links a{width:100%;text-align:center;}
}

/* ─── SPA Navigation Loading ─── */
.fza-feed-col,.fza-content,#fza-app{transition:opacity .15s ease;}
.fza-nav-loading{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--ig-pink),var(--ig-pink2),var(--ig-pink));background-size:200% 100%;animation:fza-loading-bar 1s ease infinite;}
@keyframes fza-loading-bar{0%{background-position:200% 0}100%{background-position:-200% 0}}