*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:#e8eaed;background:#0f1117}body{min-height:100vh}#root{max-width:960px;margin:0 auto;padding:1.5rem}#root:has(.app-layout){max-width:none;padding:0;margin:0}h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.subtitle{color:#9aa0a6;margin-bottom:2rem}.upload-section{margin-bottom:2rem}.upload-picker{border:1px solid #2d3139;border-radius:12px;padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#1a1d27}.upload-picker:hover,.upload-picker.dragover{border-color:#8ab4f8;background:#8ab4f80a}.upload-picker:focus-visible{outline:2px solid #8ab4f8;outline-offset:2px}.upload-picker-icon{display:flex;justify-content:center;margin-bottom:1rem;color:#e8eaed}.upload-picker strong{display:block;font-size:1.1rem;margin-bottom:.35rem}.upload-picker p{color:#9aa0a6;font-size:.875rem}.upload-picker-limit{display:inline-block;margin-top:.75rem;padding:.25rem .65rem;border-radius:999px;background:#f28b821f;color:#f28b82;font-size:.75rem;font-weight:500}.upload-compose{border:1px solid #2d3139;border-radius:12px;overflow:hidden;background:#1a1d27}.upload-compose-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #2d3139;background:#0f1117}.upload-compose-title{font-size:.95rem;font-weight:600}.upload-compose-back,.upload-compose-share{border:none;background:transparent;font-size:.875rem;cursor:pointer;padding:.25rem .5rem}.upload-compose-back{color:#e8eaed}.upload-compose-back:hover:not(:disabled){color:#8ab4f8}.upload-compose-share{color:#8ab4f8;font-weight:600}.upload-compose-share:disabled{opacity:.45;cursor:not-allowed}.upload-progress-track{height:3px;background:#2d3139}.upload-progress-bar{height:100%;background:#8ab4f8;transition:width .2s ease}.upload-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f1117d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-loading-card{width:min(100%,360px);padding:2rem 1.75rem;border-radius:16px;border:1px solid #2d3139;background:#1a1d27;text-align:center;box-shadow:0 24px 48px #0006}.upload-loading-icon{display:flex;justify-content:center;margin-bottom:1rem;color:#8ab4f8;animation:upload-bounce 1.6s ease-in-out infinite}@keyframes upload-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.upload-loading-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;color:#e8eaed}.upload-loading-subtitle{margin:0 0 1.25rem;font-size:.85rem;color:#9aa0a6}.upload-loading-progress-track{height:8px;border-radius:999px;background:#2d3139;overflow:hidden}.upload-loading-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#669df6,#8ab4f8);transition:width .25s ease}.upload-loading-progress-bar.indeterminate{background:linear-gradient(90deg,#669df6,#8ab4f8 40%,#c2d7fc,#8ab4f8 60%,#669df6);background-size:200% 100%;animation:upload-shimmer 1.4s linear infinite}@keyframes upload-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.upload-loading-percent{display:block;margin-top:.65rem;font-size:.8rem;font-weight:600;color:#8ab4f8;font-variant-numeric:tabular-nums}.upload-loading-success{margin:.85rem 0 0;font-size:.9rem;color:#81c995}.upload-compose-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:420px}.upload-preview-frame{position:relative;background:#000;display:flex;align-items:center;justify-content:center;border-right:1px solid #2d3139;aspect-ratio:9 / 16;max-height:520px;margin:0 auto;width:100%}.upload-preview-frame video{width:100%;height:100%;object-fit:contain;display:block}.upload-duration-badge{position:absolute;bottom:.75rem;left:.75rem;padding:.2rem .5rem;border-radius:4px;background:#000000a6;color:#fff;font-size:.75rem;font-weight:500}.upload-caption-panel{display:flex;flex-direction:column;padding:1.25rem;min-width:0}.upload-caption-label{font-size:.8rem;font-weight:600;color:#9aa0a6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.upload-caption-input{flex:1;width:100%;min-height:120px;padding:.75rem;border:1px solid #3c4043;border-radius:8px;background:#0f1117;color:#e8eaed;font-size:.95rem;font-family:inherit;line-height:1.5;resize:vertical}.upload-caption-input:focus{outline:none;border-color:#8ab4f8}.upload-caption-input:disabled{opacity:.6}.upload-caption-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.75rem;color:#9aa0a6}.upload-caption-hint{color:#9aa0a6}.upload-compose-error{margin:0;border-radius:0;border-left:none;border-right:none}@media(max-width:720px){.upload-compose-body{grid-template-columns:1fr;min-height:auto}.upload-preview-frame{border-right:none;border-bottom:1px solid #2d3139;max-height:360px}}.btn{display:inline-block;margin-top:1rem;padding:.6rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#8ab4f8;color:#0f1117}.btn-danger{background:transparent;color:#f28b82;border:1px solid #f28b82;padding:.35rem .75rem;font-size:.8rem}.message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.message.error{background:#f28b8226;color:#f28b82;border:1px solid rgba(242,139,130,.3)}.message.success{background:#81c99526;color:#81c995;border:1px solid rgba(129,201,149,.3)}.gallery h2{font-size:1.25rem;margin-bottom:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.video-card{background:#1a1d27;border-radius:10px;overflow:hidden;border:1px solid #2d3139}.video-card video{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover;background:#000;pointer-events:none}.video-card .meta{padding:.75rem;font-size:.8rem;color:#9aa0a6}.video-card .meta strong{color:#e8eaed;display:block;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card--disabled{opacity:.85}.video-card-disabled-media{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.video-card-disabled-poster,.video-card-disabled-placeholder{width:100%;height:100%;display:block;object-fit:cover}.video-card-disabled-placeholder{background:linear-gradient(135deg,#1a1d27,#0f1117)}.video-card-disabled-badge{position:absolute;top:.5rem;left:.5rem;padding:.2rem .55rem;border-radius:6px;background:#f28b82e6;color:#0f1117;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.empty{color:#9aa0a6;text-align:center;padding:2rem}.auth-page{min-height:80vh;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:400px;background:#1a1d27;border:1px solid #2d3139;border-radius:12px;padding:2rem}.auth-card h1{margin-bottom:.5rem}.auth-subtitle{color:#9aa0a6;margin-bottom:1.5rem;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#9aa0a6}.auth-form input{padding:.6rem .75rem;border:1px solid #3c4043;border-radius:8px;background:#0f1117;color:#e8eaed;font-size:.9rem}.auth-form input:focus{outline:none;border-color:#8ab4f8}.auth-submit{width:100%;margin-top:.5rem}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#9aa0a6}.auth-footer a{color:#8ab4f8;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.app-top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #2d3139;background:#0f1117;position:sticky;top:0;z-index:20}.page-content{width:100%;max-width:960px;margin:0 auto;padding:1.5rem}.app-top-bar-logo{font-size:1.35rem;font-weight:700;letter-spacing:.02em;justify-self:start;color:#e8eaed;text-decoration:none}.app-top-bar-center{justify-self:center;min-width:0}.app-top-bar-title{font-size:1rem;font-weight:600;text-align:center}.app-top-bar-actions{display:flex;align-items:center;gap:.5rem;justify-self:end}.app-top-bar-create{display:flex;align-items:center;justify-content:center;color:#e8eaed;padding:.35rem;border-radius:8px;transition:background .15s}.app-top-bar-create:hover{background:#8ab4f81a}.app-top-bar-menu{position:relative}.app-top-bar-user-btn{display:flex;align-items:center;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%}.app-top-bar-user-btn:hover .app-top-bar-avatar{outline:2px solid #8ab4f8;outline-offset:2px}.app-top-bar-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.app-top-bar-avatar--initials{display:flex;align-items:center;justify-content:center;background:#8ab4f8;color:#0f1117;font-weight:600;font-size:.8rem}.navbar-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#1a1d27;border:1px solid #2d3139;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden}.navbar-dropdown-header{padding:.75rem 1rem;border-bottom:1px solid #2d3139;font-size:.8rem;color:#9aa0a6}.navbar-dropdown-header strong{display:block;color:#e8eaed;margin-bottom:.25rem;word-break:break-all}.navbar-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;background:#f28b8233;color:#f28b82;font-size:.7rem}.navbar-dropdown-item{display:block;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#e8eaed;text-align:left;cursor:pointer;font-size:.875rem}.navbar-dropdown-item:hover{background:#8ab4f81a;color:#8ab4f8}.verification-banner{display:flex;flex-direction:column;gap:.75rem}.upload-picker.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.profile-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#1a1d27;border:1px solid #2d3139;border-radius:12px}.profile-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#8ab4f8;color:#0f1117;overflow:hidden}.profile-avatar--large{width:96px;height:96px;font-size:2rem;font-weight:600}.profile-avatar--small{width:40px;height:40px;font-size:.9rem;font-weight:600}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{font-weight:600}.profile-info{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.25rem}.profile-name-row h1{margin-bottom:0;font-size:1.5rem}.profile-username{color:#9aa0a6;font-size:.9rem;margin-bottom:.75rem}.profile-bio{color:#e8eaed;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.profile-stats{display:flex;gap:1.5rem}.profile-stats button{background:none;border:none;color:#9aa0a6;font-size:.875rem;cursor:pointer;padding:0}.profile-stats button:hover{color:#8ab4f8}.profile-stats strong{color:#e8eaed;margin-right:.25rem}.profile-edit-btn{margin-top:0;padding:.4rem 1rem;font-size:.85rem}.follow-btn{margin-top:0;padding:.4rem 1.25rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;background:#8ab4f8;color:#0f1117;transition:opacity .2s}.follow-btn:disabled{opacity:.6;cursor:not-allowed}.follow-btn--following{background:transparent;color:#e8eaed;border:1px solid #3c4043}.follow-btn--following:hover:not(:disabled){border-color:#f28b82;color:#f28b82}.profile-bio-input{padding:.6rem .75rem;border:1px solid #3c4043;border-radius:8px;background:#0f1117;color:#e8eaed;font-size:.9rem;font-family:inherit;resize:vertical}.profile-bio-input:focus{outline:none;border-color:#8ab4f8}.profile-avatar-edit{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem}.profile-avatar-edit .profile-avatar{border:none;cursor:pointer;padding:0}.profile-avatar-change{background:none;border:none;color:#8ab4f8;font-size:.85rem;cursor:pointer}.profile-avatar-change:hover{text-decoration:underline}.profile-list-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:300;padding:1rem}.confirm-modal{background:#1a1d27;border:1px solid #2d3139;border-radius:12px;width:100%;max-width:340px;padding:1.25rem}.confirm-title{margin:0 0 .5rem;font-size:1rem;color:#e8eaed}.confirm-message{margin:0 0 1.25rem;font-size:.875rem;color:#9aa0a6;line-height:1.45}.confirm-actions{display:flex;gap:.65rem;justify-content:flex-end}.confirm-cancel{background:transparent;border:1px solid #3c4043;color:#e8eaed}.confirm-cancel:hover{background:#2d2e30}.confirm-delete{min-width:5rem}.profile-list-modal{background:#1a1d27;border:1px solid #2d3139;border-radius:12px;width:100%;max-width:400px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.profile-list-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2d3139}.profile-list-header h3{font-size:1rem;margin:0}.profile-list-close{background:none;border:none;color:#9aa0a6;font-size:1.5rem;cursor:pointer;line-height:1;padding:0 .25rem}.profile-list{list-style:none;overflow-y:auto;flex:1}.profile-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;text-decoration:none;color:inherit;transition:background .15s}.profile-list-item:hover{background:#8ab4f814}.profile-list-item strong{display:block;color:#e8eaed;font-size:.9rem}.profile-list-username{display:block;color:#9aa0a6;font-size:.8rem}.profile-list-load-more{margin:.75rem 1.25rem 1rem;width:calc(100% - 2.5rem)}.navbar-dropdown-link{text-decoration:none;display:block}@media(max-width:720px){.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-name-row,.profile-stats{justify-content:center}}.app-layout{display:flex;flex-direction:column;min-height:100dvh;background:#0f1117}.ig-feed-tabs{display:flex;gap:1.25rem;justify-self:center}.ig-feed-tab{background:none;border:none;color:#9aa0a6;font-size:.9rem;font-weight:500;padding:.25rem 0;cursor:pointer;position:relative}.ig-feed-tab--active{color:#e8eaed}.ig-feed-tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-.75rem;height:2px;background:#e8eaed;border-radius:1px}.ig-feed{width:100%;max-width:470px;margin:0 auto;padding:1rem 0 0}.ig-feed-status{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;text-align:center;color:#9aa0a6}.ig-feed-status--error{color:#f28b82}.ig-feed-status .btn{text-decoration:none}.ig-feed-sentinel{height:1px}.ig-feed-loading{text-align:center;padding:1rem;color:#9aa0a6;font-size:.85rem}.ig-post{background:#0f1117;border:1px solid #2d3139;border-radius:8px;margin-bottom:1.25rem;overflow:hidden}.ig-post-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:.75rem}.ig-post-user{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#e8eaed;min-width:0}.ig-post-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;flex-shrink:0}.ig-post-avatar--initials{display:flex;align-items:center;justify-content:center;background:#2d3139;font-size:.75rem;font-weight:600}.ig-post-username{font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig-post-media{position:relative;width:100%;aspect-ratio:4 / 5;background:#000}.ig-post-video{width:100%;height:100%;object-fit:cover;display:block;background:#000;cursor:pointer}.ig-post-placeholder{width:100%;height:100%;background:#1a1d27 center / cover no-repeat}.ig-post-footer{padding:.65rem 1rem .85rem}.ig-post-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ig-post-actions .ig-post-views{margin-left:auto}.ig-post-views{font-size:.8rem;font-weight:600;color:#9aa0a6}.ig-post-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff3;pointer-events:none;z-index:2}.ig-post-progress-bar{height:100%;background:#8ab4f8;transition:width .1s linear}.ig-post-mute-btn{position:absolute;right:.65rem;bottom:.65rem;z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#e8eaed;cursor:pointer}.ig-post-mute-btn:hover{background:#000000bf;color:#8ab4f8}.ig-post-caption{font-size:.875rem;line-height:1.4}.ig-post-caption-user{font-weight:600;color:#e8eaed;text-decoration:none;margin-right:.35rem}.ig-post-caption-user:hover{text-decoration:underline}.create-page{width:100%;max-width:470px;margin:0 auto;padding:1rem 1rem 0}.create-page-subtitle{color:#9aa0a6;font-size:.875rem;margin-bottom:1.25rem;text-align:center}.create-page .upload-section{margin-bottom:0}.like-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:#e8eaed;cursor:pointer;padding:0;font-size:.8rem}.like-btn:hover,.like-btn--liked{color:#f28b82}.like-btn-count{font-weight:600;min-width:1rem}.ig-post-comment{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:#e8eaed;cursor:pointer;padding:0;font-size:.8rem}.ig-post-comment:hover{color:#8ab4f8}.ig-post-comment-count{font-weight:600;min-width:1rem}.comment-section-modal{background:#1e1f20;border-radius:12px;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.comment-section-title{font-size:.8rem;color:#9aa0a6;margin:.15rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-section-list{list-style:none;margin:0;padding:0 1rem;overflow-y:auto;flex:1}.comment-section-item{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem 0;border-bottom:1px solid #2d2e30}.comment-section-avatar-link{flex-shrink:0}.comment-section-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.comment-section-avatar--initials{display:flex;align-items:center;justify-content:center;background:#3c4043;font-size:.7rem;font-weight:600;color:#e8eaed}.comment-section-body{flex:1;min-width:0}.comment-section-meta{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.15rem}.comment-section-username{font-weight:600;font-size:.85rem;color:#e8eaed;text-decoration:none}.comment-section-username:hover{text-decoration:underline}.comment-section-time{font-size:.75rem;color:#9aa0a6}.comment-section-text{margin:0;font-size:.875rem;line-height:1.4;word-break:break-word}.comment-section-delete{background:none;border:none;color:#9aa0a6;font-size:1.1rem;cursor:pointer;padding:0 .25rem;line-height:1}.comment-section-delete:hover{color:#f28b82}.comment-section-form{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #2d2e30}.comment-section-input{flex:1;background:#2d2e30;border:1px solid #3c4043;border-radius:8px;color:#e8eaed;padding:.5rem .75rem;font-size:.875rem}.comment-section-input:focus{outline:none;border-color:#8ab4f8}.comment-section-submit{flex-shrink:0;padding:.5rem 1rem;font-size:.85rem}.navbar-bell{position:relative;display:flex;align-items:center;justify-content:center;color:#e8eaed;padding:.35rem;border-radius:8px}.navbar-bell:hover{background:#2d2e30;color:#8ab4f8}.navbar-badge-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;background:#f28b82;color:#fff;font-size:.65rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.notifications-page{width:100%;max-width:470px;margin:0 auto;padding:1rem}.notifications-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.notifications-header h1{font-size:1.25rem;margin:0}.notifications-mark-all{font-size:.8rem;padding:.35rem .75rem}.notifications-list{list-style:none;margin:0;padding:0}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;border-radius:8px;text-decoration:none;color:inherit;cursor:pointer}.notification-item:hover{background:#2d2e30}.notification-item--unread{background:#252628}.notification-item--unread:hover{background:#2d2e30}.notification-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.notification-avatar--initials{display:flex;align-items:center;justify-content:center;background:#3c4043;font-size:.8rem;font-weight:600;color:#e8eaed}.notification-content{flex:1;min-width:0}.notification-text{margin:0 0 .25rem;font-size:.875rem;line-height:1.4}.notification-text strong{color:#e8eaed}.notification-detail{color:#9aa0a6}.notification-time{font-size:.75rem;color:#9aa0a6}.notifications-load-more{display:block;width:100%;margin-top:1rem}@media(min-width:600px){.ig-feed,.create-page{padding-left:1rem;padding-right:1rem}}.ig-feed-label{font-size:.95rem;font-weight:600;color:#e8eaed}.navbar-nav-icon{display:flex;align-items:center;justify-content:center;color:#9aa0a6;padding:.35rem;border-radius:8px;transition:color .15s,background .15s}.navbar-nav-icon:hover{color:#e8eaed;background:#ffffff0f}.navbar-nav-icon--active{color:#8ab4f8}.caption-hashtag{color:#8ab4f8;text-decoration:none}.caption-hashtag:hover{text-decoration:underline}.explore-page,.search-page{max-width:960px;margin:0 auto}.explore-title,.search-title{font-size:1.5rem;margin-bottom:1.25rem}.ig-feed.explore-page{max-width:470px}.explore-title--feed,.hashtag-header--feed{padding:0 .25rem;margin-bottom:.75rem}.hashtag-header--feed h1{font-size:1.5rem}.explore-section{margin-bottom:2rem}.explore-section h2{font-size:1rem;color:#9aa0a6;margin-bottom:.75rem;font-weight:500}.hashtag-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.hashtag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#1a1d27;border:1px solid #2d3139;border-radius:999px;color:#8ab4f8;font-size:.875rem;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}.hashtag-chip:hover{background:#252830;border-color:#8ab4f8}.hashtag-chip-count{color:#9aa0a6;font-size:.75rem}.hashtag-chip--preview{cursor:default;font-size:.8rem;padding:.25rem .5rem}.upload-hashtag-preview{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.video-card--clickable{cursor:pointer;text-align:left;width:100%;padding:0;font:inherit;color:inherit;transition:border-color .15s,transform .15s}.video-card--clickable:hover{border-color:#8ab4f8;transform:translateY(-1px)}.explore-sentinel{height:1px}.hashtag-header{margin-bottom:1.5rem}.hashtag-header h1{font-size:1.75rem;color:#8ab4f8;margin-bottom:.25rem}.hashtag-count{color:#9aa0a6;font-size:.875rem}.search-input-wrap{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;background:#1a1d27;border:1px solid #2d3139;border-radius:10px;color:#e8eaed;font-size:1rem;outline:none;transition:border-color .15s}.search-input:focus{border-color:#8ab4f8}.search-input::placeholder{color:#9aa0a6}.search-empty-state{text-align:center;padding:2.5rem 1rem;margin-top:.5rem}.search-empty-icon{display:flex;justify-content:center;margin-bottom:.75rem;color:#9aa0a6}.search-empty-title{font-size:1.25rem;color:#e8eaed;margin-bottom:.5rem}.search-empty-text{color:#9aa0a6;font-size:.9rem;line-height:1.5;max-width:320px;margin:0 auto 1.25rem}.search-empty-action{display:inline-block}.search-results{margin-bottom:2rem}.search-results h2{font-size:.95rem;color:#9aa0a6;margin-bottom:.75rem;font-weight:500}.search-result-list{list-style:none;padding:0;margin:0}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s}.search-result-item:hover{background:#1a1d27}.search-result-item strong{display:block;color:#e8eaed}.search-result-username{display:block;font-size:.875rem;color:#9aa0a6}.search-result-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#2d3139;display:flex;align-items:center;justify-content:center}.search-result-avatar-img{width:100%;height:100%;object-fit:cover}.search-result-avatar-initials{font-weight:600;color:#8ab4f8}.search-result-hashtag-icon{width:44px;height:44px;border-radius:50%;background:#1a1d27;border:1px solid #2d3139;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#8ab4f8;flex-shrink:0}.video-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.video-preview-modal{position:relative;background:#1a1d27;border-radius:12px;border:1px solid #2d3139;max-width:480px;width:100%;overflow:hidden}.video-preview-close{position:absolute;top:.5rem;right:.5rem;z-index:1;width:32px;height:32px;border:none;border-radius:50%;background:#0009;color:#e8eaed;font-size:1.25rem;line-height:1;cursor:pointer}.video-preview-player{width:100%;display:block;max-height:70vh;background:#000}.video-preview-meta{padding:1rem}.video-preview-creator{color:#8ab4f8;text-decoration:none;font-weight:600;font-size:.875rem}.video-preview-creator:hover{text-decoration:underline}.video-preview-caption{margin:.5rem 0;font-size:.9rem;line-height:1.4;color:#e8eaed}.video-preview-stats{font-size:.8rem;color:#9aa0a6}.video-card .meta strong{overflow:hidden;text-overflow:ellipsis}#root:has(.admin-layout){max-width:none;padding:0;margin:0}.btn-secondary{background:#2d3139;color:#e8eaed}.btn-sm{margin-top:0;padding:.35rem .75rem;font-size:.8rem}.admin-layout{min-height:100vh;background:#0f1117}.admin-header{border-bottom:1px solid #2d3139;background:#1a1d27}.admin-header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.admin-logo{color:#e8eaed;font-weight:700;text-decoration:none;font-size:1.1rem}.admin-nav{display:flex;gap:.75rem;flex:1}.admin-nav-link{color:#9aa0a6;text-decoration:none;padding:.35rem .75rem;border-radius:8px}.admin-nav-link.active,.admin-nav-link:hover{color:#e8eaed;background:#2d3139}.admin-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-link-secondary{color:#8ab4f8;text-decoration:none;font-size:.875rem}.admin-user-email{color:#9aa0a6;font-size:.875rem}.admin-main{width:100%;max-width:min(1480px,calc(100vw - 1.5rem));margin:0 auto;padding:1rem .75rem 1.5rem}.admin-page h1{margin-bottom:.35rem}.admin-page-subtitle{color:#9aa0a6;margin-bottom:1.5rem}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.admin-search-form{display:flex;gap:.5rem}.admin-search-form input{min-width:220px;padding:.5rem .75rem;border-radius:8px;border:1px solid #2d3139;background:#1a1d27;color:#e8eaed}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.admin-card{display:block;padding:1.25rem;border-radius:12px;border:1px solid #2d3139;background:#1a1d27;color:inherit;text-decoration:none;transition:border-color .2s,background .2s}.admin-card:hover{border-color:#8ab4f8;background:#8ab4f80a}.admin-card h2{font-size:1.1rem;margin-bottom:.35rem}.admin-card p{color:#9aa0a6;font-size:.9rem}.admin-card-count{font-size:2rem;font-weight:700;color:#8ab4f8;margin-bottom:.5rem;line-height:1}.admin-top-nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.admin-top-nav-link{color:#9aa0a6;text-decoration:none;padding:.35rem .75rem;border-radius:8px;font-size:.875rem}.admin-top-nav-link.active,.admin-top-nav-link:hover{color:#e8eaed;background:#2d3139}.admin-filter-banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.75rem;padding:.65rem .85rem;border-radius:8px;background:#1a1d27;border:1px solid #2d3139;color:#e8eaed;font-size:.875rem}.admin-table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-row-actions{position:relative;display:inline-flex;justify-content:center}.admin-row-actions-toggle{width:2rem;height:2rem;border:1px solid #2d3139;border-radius:8px;background:#151821;color:#e8eaed;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;padding:0}.admin-row-actions-toggle:hover:not(:disabled),.admin-row-actions-toggle:focus-visible{border-color:#8ab4f8;outline:none}.admin-row-actions-toggle:disabled{opacity:.5;cursor:not-allowed}.admin-row-actions-menu{display:none;position:absolute;top:calc(100% + .35rem);right:0;min-width:11rem;padding:.35rem;border-radius:10px;border:1px solid #2d3139;background:#1a1d27;box-shadow:0 8px 24px #00000059;z-index:20}.admin-row-actions-menu.open{display:flex;flex-direction:column;gap:.15rem}.admin-row-actions-item{width:100%;border:none;border-radius:8px;background:transparent;color:#e8eaed;text-align:left;padding:.55rem .75rem;font:inherit;font-size:.875rem;cursor:pointer}.admin-row-actions-item:hover:not(:disabled),.admin-row-actions-item:focus-visible{background:#2d3139;outline:none}.admin-row-actions-item:disabled{opacity:.5;cursor:not-allowed}.admin-row-actions-item--danger{color:#f28b82}.admin-filter-row th{padding:.5rem;background:#151821;border-bottom:1px solid #2d3139}.admin-col-filter{width:100%;min-width:0;padding:.4rem .55rem;border-radius:8px;border:1px solid #2d3139;background:#0f1117;color:#e8eaed;font:inherit;font-size:.8rem}.admin-col-filter:focus{outline:none;border-color:#8ab4f8}.admin-modal-field{display:block;margin-bottom:1rem;color:#e8eaed;font-size:.875rem}.admin-modal-field textarea,.admin-modal-field select{display:block;width:100%;margin-top:.35rem;padding:.65rem .75rem;border-radius:8px;border:1px solid #2d3139;background:#0f1117;color:#e8eaed;font:inherit}.admin-modal-field textarea{resize:vertical}.ig-post-report{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#9aa0a6;cursor:pointer;padding:0}.ig-post-report:hover{color:#f28b82}.comment-section-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.comment-section-report{background:none;border:none;color:#9aa0a6;font-size:.75rem;cursor:pointer;padding:0}.comment-section-report:hover{color:#f28b82}.profile-action-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-report-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#9aa0a6;padding:.25rem;cursor:pointer}.profile-report-btn:hover{color:#f28b82}.report-modal-success p{margin:0 0 1rem;color:#9aa0a6;font-size:.875rem}.admin-report-modal{max-width:520px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto}.admin-report-details{display:grid;gap:.75rem;margin:0 0 1rem}.admin-report-details div{display:grid;grid-template-columns:120px 1fr;gap:.75rem;align-items:start}.admin-report-details dt{color:#9aa0a6;font-size:.8rem}.admin-report-details dd{margin:0;color:#e8eaed;word-break:break-word}.admin-report-context{margin-top:1rem;padding-top:1rem;border-top:1px solid #2d3139}.admin-report-context h4{margin:0 0 .5rem;font-size:.875rem;color:#9aa0a6}.admin-report-context p{margin:0 0 .35rem;font-size:.875rem;line-height:1.45}.admin-report-video-modal{max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.admin-report-video-scroll{overflow-y:auto;overscroll-behavior:contain}.admin-report-video-modal .video-preview-player{max-height:45vh}.admin-report-status-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #2d3139}.admin-report-status-label{margin:0 0 .75rem;font-size:.875rem}.admin-report-status-actions{justify-content:flex-start;flex-wrap:wrap;padding-top:0}.admin-report-video-status{padding:2rem 1rem;text-align:center;color:#9aa0a6}.admin-report-video-actions{margin-top:1rem;padding-top:0}.admin-datatable-wrap{overflow-x:auto}.admin-datatable-wrap table.dataTable{width:100%!important;border-collapse:collapse;background:#1a1d27;color:#e8eaed}.admin-datatable-wrap .dataTables_wrapper{color:#e8eaed}.admin-datatable-wrap .dataTables_wrapper .dataTables_length,.admin-datatable-wrap .dataTables_wrapper .dataTables_filter,.admin-datatable-wrap .dataTables_wrapper .dataTables_info,.admin-datatable-wrap .dataTables_wrapper .dataTables_paginate{margin:.75rem 0;color:#9aa0a6}.admin-datatable-wrap .dataTables_wrapper .dataTables_filter input,.admin-datatable-wrap .dataTables_wrapper .dataTables_length select{background:#0f1117;color:#e8eaed;border:1px solid #2d3139;border-radius:8px;padding:.35rem .5rem}.admin-datatable-wrap table.dataTable thead th{background:#151821;color:#9aa0a6;border-bottom:1px solid #2d3139}.admin-datatable-wrap table.dataTable tbody td{border-bottom:1px solid #2d3139;vertical-align:top}.admin-datatable-wrap table.dataTable tbody tr:hover{background:#8ab4f80a}.admin-datatable-wrap .dataTables_wrapper .dataTables_paginate .paginate_button{color:#9aa0a6!important}.admin-datatable-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current,.admin-datatable-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#2d3139!important;border-color:#2d3139!important;color:#e8eaed!important}.analytics-page{width:100%;max-width:none}.admin-dashboard{width:100%}.admin-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.admin-dashboard-subtitle{margin-bottom:0}.admin-dashboard-section{margin-bottom:1.5rem}.admin-dashboard-section-title{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9aa0a6;margin-bottom:.75rem}.admin-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.admin-shortcut{display:block;padding:.9rem 1rem;border-radius:12px;border:1px solid #2d3139;background:#1a1d27;color:inherit;text-decoration:none;transition:border-color .2s,background .2s}.admin-shortcut:hover{border-color:#8ab4f8;background:#8ab4f80a}.admin-shortcut--alert{border-color:#f28b8273}.admin-shortcut-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.admin-shortcut h3{font-size:.95rem;margin:0}.admin-shortcut-count{font-size:.82rem;font-weight:600;color:#8ab4f8;background:#8ab4f81a;border-radius:999px;padding:.15rem .55rem;flex-shrink:0}.admin-shortcut--alert .admin-shortcut-count{color:#f28b82;background:#f28b821f}.admin-shortcut p{color:#9aa0a6;font-size:.8rem;line-height:1.35}.admin-dashboard-charts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.admin-dashboard-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-dashboard-rankings .analytics-panel h3{font-size:.95rem;margin-bottom:.85rem}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.analytics-subtitle{color:#9aa0a6;margin-top:.35rem}.analytics-period-toggle{display:flex;gap:.5rem}.analytics-period-btn{padding:.45rem .85rem;border-radius:8px;border:1px solid #2d3139;background:#1a1d27;color:#9aa0a6;cursor:pointer}.analytics-period-btn.active,.analytics-period-btn:hover{color:#e8eaed;border-color:#8ab4f8;background:#8ab4f814}.analytics-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:0}.analytics-stat-cards--compact{grid-template-columns:repeat(7,minmax(0,1fr))}.analytics-stat-card{padding:.85rem .95rem;border-radius:12px;border:1px solid #2d3139;background:#1a1d27}.analytics-stat-cards--compact .analytics-stat-card-count{font-size:1.35rem}.analytics-stat-cards--compact .analytics-stat-card h2{font-size:.82rem}.analytics-stat-card-count{font-size:1.75rem;font-weight:700;color:#8ab4f8;line-height:1;margin-bottom:.45rem}.analytics-stat-card h2{font-size:.95rem;margin-bottom:.25rem}.analytics-stat-card p{color:#9aa0a6;font-size:.8rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1rem}.analytics-panel{padding:1rem 1.1rem;border-radius:12px;border:1px solid #2d3139;background:#1a1d27}.analytics-panel h2{font-size:1rem;margin-bottom:.85rem}.analytics-bar-chart{list-style:none;display:flex;flex-direction:column;gap:.55rem}.analytics-bar-row{display:grid;grid-template-columns:92px 1fr 48px;gap:.65rem;align-items:center}.analytics-bar-label{color:#9aa0a6;font-size:.78rem}.analytics-bar-track{height:10px;border-radius:999px;background:#2d3139;overflow:hidden}.analytics-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8ab4f8,#669df6);min-width:0}.analytics-bar-fill--signups{background:linear-gradient(90deg,#81c995,#5bb974)}.analytics-bar-fill--videos{background:linear-gradient(90deg,#8ab4f8,#669df6)}.analytics-bar-fill--views{background:linear-gradient(90deg,#f28b82,#ee675c)}.analytics-bar-value{text-align:right;font-size:.82rem;color:#e8eaed}.analytics-bar-row--growth{grid-template-columns:92px 1fr;align-items:start}.analytics-growth-metrics{display:flex;flex-direction:column;gap:.45rem}.analytics-growth-metric{display:grid;grid-template-columns:58px 1fr 36px;gap:.5rem;align-items:center;font-size:.78rem;color:#9aa0a6}.analytics-growth-metric strong{color:#e8eaed;text-align:right;font-size:.78rem}.analytics-top-videos,.analytics-ranking-list,.analytics-activity-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.analytics-top-video{display:flex;gap:.75rem;align-items:center}.analytics-top-video-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#2d3139;flex-shrink:0}.analytics-top-video-thumb--empty{display:block}.analytics-top-video-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.analytics-top-video-meta strong{font-size:.92rem}.analytics-top-video-meta span{color:#9aa0a6;font-size:.82rem}.analytics-ranking-item{display:flex;justify-content:space-between;gap:1rem;align-items:center}.analytics-ranking-item span{display:block;color:#9aa0a6;font-size:.82rem}.analytics-ranking-stats{display:flex;flex-direction:column;gap:.15rem;text-align:right;font-size:.82rem;color:#e8eaed}.analytics-activity-item{display:flex;gap:.75rem;align-items:flex-start}.analytics-activity-type{text-transform:uppercase;font-size:.68rem;letter-spacing:.04em;color:#8ab4f8;background:#8ab4f81a;border-radius:999px;padding:.2rem .45rem;flex-shrink:0}.analytics-activity-body p{font-size:.88rem;margin-bottom:.15rem}.analytics-activity-body time{color:#9aa0a6;font-size:.78rem}.admin-card-count--label{font-size:1.25rem}.analytics-section{margin-bottom:1rem}.analytics-section-title{font-size:1rem;margin-bottom:.75rem;color:#e8eaed}.analytics-line-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.analytics-line-chart-panel{margin-bottom:0;height:100%}.analytics-line-chart-panel .analytics-panel h2,.analytics-line-chart-panel h2{font-size:.92rem}.analytics-line-chart-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.analytics-line-chart-header h2{margin-bottom:0}.analytics-line-chart-latest{color:#9aa0a6;font-size:.85rem}.analytics-line-chart{width:100%;height:auto;display:block}.analytics-line-chart-axis{stroke:#2d3139;stroke-width:1}.analytics-line-chart-area{opacity:.16}.analytics-line-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.analytics-line-chart-dot{stroke:#13151a;stroke-width:1}.analytics-line-chart-label{fill:#9aa0a6;font-size:10px}@media(max-width:1200px){.admin-dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-stat-cards--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:900px){.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-rankings{grid-template-columns:1fr}}@media(max-width:640px){.admin-main{max-width:none;padding:.75rem .5rem 1.25rem}.admin-shortcuts,.admin-dashboard-charts{grid-template-columns:1fr}}@media(max-width:720px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.video-card .meta{padding:.5rem;font-size:.75rem}}