/* Yappy Instagram v72 */
html[data-social-app="instagram"]{
  --ig-bg:#fff;--ig-text:#050505;--ig-sub:#737373;--ig-border:#dbdbdb;--ig-soft:#f5f5f5;--ig-blue:#0095f6;--ig-red:#ff3040;--ig-story1:#feda75;--ig-story2:#d62976;--ig-story3:#4f5bd5;
}
html[data-social-app="instagram"][data-theme="dark"]{--ig-bg:#000;--ig-text:#f5f5f5;--ig-sub:#a8a8a8;--ig-border:#262626;--ig-soft:#121212;--ig-blue:#0095f6}
html[data-social-app="instagram"] #phone-screen{background:var(--ig-bg);color:var(--ig-text)}
html[data-social-app="instagram"] #tab-content.ig72-root{background:var(--ig-bg);color:var(--ig-text);min-height:0;display:flex;flex-direction:column;overflow:hidden}
html[data-social-app="instagram"] .ig72-shell,html[data-social-app="instagram"] .ig72-detail,html[data-social-app="instagram"] .ig72-dm-room{height:100%;min-height:0;background:var(--ig-bg);color:var(--ig-text);display:flex;flex-direction:column}
html[data-social-app="instagram"] button{color:inherit}
html[data-social-app="instagram"] .ig72-topbar,html[data-social-app="instagram"] .ig72-profile-head,html[data-social-app="instagram"] .ig72-detail-head,html[data-social-app="instagram"] .ig72-dm-head,html[data-social-app="instagram"] .ig72-reels-head{height:52px;flex:0 0 52px;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid var(--ig-border);background:color-mix(in srgb,var(--ig-bg) 94%,transparent);position:relative;z-index:8}
html[data-social-app="instagram"] .ig72-topbar{justify-content:space-between;border-bottom:0}
html[data-social-app="instagram"] .ig72-wordmark{font-family:"Brush Script MT","Segoe Script",cursive;font-size:28px;font-weight:700;letter-spacing:-1.3px;line-height:1}
html[data-social-app="instagram"] .ig72-top-actions,html[data-social-app="instagram"] .ig72-profile-head>div{display:flex;align-items:center;gap:14px}
html[data-social-app="instagram"] .ig72-topbar button,html[data-social-app="instagram"] .ig72-profile-head button,html[data-social-app="instagram"] .ig72-detail-head button,html[data-social-app="instagram"] .ig72-dm-head button,html[data-social-app="instagram"] .ig72-reels-head button{border:0;background:none;padding:0;display:grid;place-items:center;min-width:30px;min-height:30px}
html[data-social-app="instagram"] .ig72-topbar svg,html[data-social-app="instagram"] .ig72-profile-head svg,html[data-social-app="instagram"] .ig72-detail-head svg,html[data-social-app="instagram"] .ig72-dm-head svg,html[data-social-app="instagram"] .ig72-reels-head svg{width:25px;height:25px}
html[data-social-app="instagram"] .ig72-me-btn{width:30px;height:30px}
html[data-social-app="instagram"] .ig72-detail-head{display:grid;grid-template-columns:42px 1fr 42px;text-align:center;font-size:16px;font-weight:700}
html[data-social-app="instagram"] .ig72-detail-head>div{display:flex;justify-content:flex-end;gap:10px}
html[data-social-app="instagram"] .ig72-profile-head{justify-content:space-between;border-bottom:0}.ig72-profile-head>button{max-width:58%;display:flex!important;justify-content:flex-start!important;font-size:19px}.ig72-profile-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-social-app="instagram"] .ig72-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--ig-bg)}
html[data-social-app="instagram"] .ig72-avatar{display:inline-grid;place-items:center;overflow:hidden;border-radius:50%;background:#ddd;color:#555;flex:0 0 auto;font-weight:700;position:relative;width:42px;height:42px}
html[data-social-app="instagram"] .ig72-avatar img{width:100%;height:100%;object-fit:cover;display:block}
html[data-social-app="instagram"] .ig72-avatar.tiny{width:28px;height:28px;font-size:11px}.ig72-avatar.sm{width:35px;height:35px;font-size:12px}.ig72-avatar.story{width:58px;height:58px;font-size:18px}.ig72-avatar.note{width:62px;height:62px;font-size:18px}.ig72-avatar.dm{width:54px;height:54px;font-size:16px}.ig72-avatar.profile{width:84px;height:84px;font-size:25px}
html[data-social-app="instagram"] .ig72-stories{display:flex;gap:12px;overflow-x:auto;padding:7px 12px 12px;border-bottom:1px solid var(--ig-border);scrollbar-width:none}.ig72-stories::-webkit-scrollbar{display:none}.ig72-story-chip{width:70px;flex:0 0 70px;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px}.ig72-story-chip>span:last-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig72-story-ring{width:64px;height:64px;border-radius:50%;padding:2.5px;background:conic-gradient(var(--ig-story1),#fa7e1e,var(--ig-story2),#962fbf,var(--ig-story3),var(--ig-story1));display:grid;place-items:center;position:relative}.ig72-story-chip.seen .ig72-story-ring{background:#c7c7c7}.ig72-story-ring::after{content:"";position:absolute;inset:2.5px;border-radius:50%;border:2px solid var(--ig-bg);pointer-events:none}.ig72-story-ring .ig72-avatar{z-index:1}.ig72-story-add{position:absolute;right:-1px;bottom:1px;width:18px;height:18px;border-radius:50%;background:var(--ig-blue);color:#fff;border:2px solid var(--ig-bg);z-index:3;display:grid;place-items:center;font-size:14px;font-weight:500;line-height:1}.ig72-story-ring.empty{background:none;padding:2.5px}
html[data-social-app="instagram"] .ig72-post{border-bottom:1px solid var(--ig-border);background:var(--ig-bg)}.ig72-post-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.ig72-post-head>button{border:0;background:none}.ig72-author{display:flex;align-items:center;gap:9px;text-align:left;padding:0}.ig72-author>span:last-child{display:flex;flex-direction:column;min-width:0}.ig72-author strong{font-size:13px;line-height:16px}.ig72-author small{font-size:11px;color:var(--ig-sub);line-height:14px}.ig72-verified{display:inline-grid;place-items:center;margin-left:4px;width:13px;height:13px;background:#3897f0;color:#fff;border-radius:50%;font-size:8px;vertical-align:1px}
html[data-social-app="instagram"] .ig72-post-head>button:last-child svg{width:22px;height:22px}.ig72-media{width:100%;aspect-ratio:1/1;background:#111;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ig72-media img{width:100%;height:100%;object-fit:cover;display:block}.ig72-post-empty{width:100%;aspect-ratio:1/1;background:var(--ig-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ig-sub);gap:8px}.ig72-post-empty svg{width:46px;height:46px}.ig72-carousel-count{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.55);color:white;border-radius:13px;padding:4px 8px;font-size:11px}.ig72-carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.ig72-carousel-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6)}.ig72-carousel-dots i.active{background:#fff}
html[data-social-app="instagram"] .ig72-post-actions{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.ig72-post-actions>div{display:flex;align-items:center;gap:11px}.ig72-post-actions button{border:0;background:none;padding:0;display:grid;place-items:center}.ig72-post-actions svg{width:24px;height:24px}.ig72-post-actions .liked{color:var(--ig-red)}.ig72-post-copy{padding:0 12px 12px;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:17px}.ig72-post-copy p{margin:0}.ig72-post-copy>strong{font-size:13px}.ig72-post-copy small{color:var(--ig-sub);font-size:10px;text-transform:uppercase}.ig72-view-comments{border:0;background:none;padding:0;text-align:left;color:var(--ig-sub);font-size:13px}
html[data-social-app="instagram"] .ig72-tabs{height:50px;flex:0 0 50px;background:color-mix(in srgb,var(--ig-bg) 95%,transparent);border-top:1px solid var(--ig-border);display:grid!important;grid-template-columns:repeat(5,1fr);align-items:center;z-index:20}.ig72-tabs .tab-btn{border:0;background:none;display:grid;place-items:center;height:100%;padding:0}.ig72-tabs .tab-btn svg{width:25px;height:25px}.ig72-tabs .tab-btn.active svg{stroke-width:2.2}.ig72-tabs .tab-btn.active{color:var(--ig-text)}
html[data-social-app="instagram"] .ig72-empty{padding:58px 28px;text-align:center;color:var(--ig-sub);display:flex;flex-direction:column;align-items:center;gap:10px}.ig72-empty h3{margin:0;color:var(--ig-text);font-size:18px}.ig72-empty p{margin:0;font-size:13px;line-height:18px}.ig72-empty>span svg{width:52px;height:52px}.ig72-empty.compact{padding:24px 16px}.ig72-empty.grid-empty{grid-column:1/-1}.ig72-empty.on-dark h3,.ig72-empty.on-dark{color:#fff}
html[data-social-app="instagram"] .ig72-reels-shell{background:#000;color:#fff}.ig72-reels-head{position:absolute;left:0;right:0;top:0;border:0;background:linear-gradient(rgba(0,0,0,.5),transparent);z-index:6;color:#fff;justify-content:space-between}.ig72-reels-head>button:first-child{font-size:20px;font-weight:700;width:auto}.ig72-reels{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;background:#000}.ig72-reel-card{height:100%;min-height:100%;scroll-snap-align:start;position:relative;background:#111;overflow:hidden}.ig72-reel-card>.ig72-media{height:100%;aspect-ratio:auto}.ig72-reel-card>.ig72-media img{object-fit:cover}.ig72-reel-shade{position:absolute;inset:0;background:linear-gradient(transparent 52%,rgba(0,0,0,.55));pointer-events:none}.ig72-reel-copy{position:absolute;left:13px;right:64px;bottom:20px;color:#fff;z-index:3}.ig72-reel-author{border:0;background:none;color:#fff;padding:0;display:flex;align-items:center;gap:8px}.ig72-reel-copy p{font-size:13px;margin:9px 0 8px;line-height:17px}.ig72-reel-copy small{display:flex;align-items:center;gap:5px;font-size:11px}.ig72-reel-copy small svg{width:14px;height:14px}.ig72-reel-actions{position:absolute;right:10px;bottom:22px;z-index:4;display:flex;flex-direction:column;gap:18px;color:#fff}.ig72-reel-actions button{border:0;background:none;color:#fff;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px}.ig72-reel-actions svg{width:28px;height:28px}.ig72-reel-actions .liked{color:var(--ig-red)}
html[data-social-app="instagram"] .ig72-searchbox{height:36px;background:var(--ig-soft);border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--ig-sub)}.ig72-searchbox svg{width:18px;height:18px}.ig72-searchbox input{border:0;outline:0;background:transparent;color:var(--ig-text);font-size:14px;width:100%;min-width:0}.ig72-explore-head{padding:8px 12px;flex:0 0 auto}.ig72-message-list>.ig72-searchbox{margin:8px 12px 10px}.ig72-notes{display:flex;overflow-x:auto;gap:12px;padding:7px 12px 16px;scrollbar-width:none}.ig72-note{width:72px;flex:0 0 72px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;position:relative}.ig72-note-bubble{position:absolute;top:-1px;left:42px;z-index:2;max-width:75px;min-width:48px;background:var(--ig-soft);border:1px solid var(--ig-border);border-radius:12px;padding:5px 6px;font-size:9px;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig72-note>span:last-child{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig72-section-row{padding:2px 14px 10px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.ig72-section-row button{border:0;background:none;color:var(--ig-blue);font-size:12px}.ig72-dm-row{width:100%;border:0;background:none;display:flex;align-items:center;gap:11px;padding:8px 13px;text-align:left}.ig72-dm-row>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.ig72-dm-row strong{font-size:13px}.ig72-dm-row small{color:var(--ig-sub);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig72-dm-row>i{width:8px;height:8px;border-radius:50%;background:var(--ig-blue)}
html[data-social-app="instagram"] .ig72-people-results>button{width:100%;display:flex;align-items:center;gap:11px;padding:9px 12px;border:0;background:none;text-align:left}.ig72-people-results>button>span:last-child{display:flex;flex-direction:column;gap:2px}.ig72-people-results small{color:var(--ig-sub)}.ig72-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ig-bg)}.ig72-grid>button{border:0;background:var(--ig-soft);padding:0;aspect-ratio:1/1;position:relative;overflow:hidden}.ig72-grid>button img{width:100%;height:100%;object-fit:cover;display:block}.ig72-grid>button>span svg{width:28px;height:28px}.ig72-grid>button>i{position:absolute;right:6px;top:6px;color:white;filter:drop-shadow(0 1px 2px #000)}.ig72-grid>button>i svg{width:19px;height:19px}
html[data-social-app="instagram"] .ig72-profile-top{padding:8px 13px 14px}.ig72-profile-main{display:flex;align-items:center;gap:24px}.ig72-stats{flex:1;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.ig72-stats span{display:flex;flex-direction:column}.ig72-stats strong{font-size:16px}.ig72-stats small{font-size:11px}.ig72-bio{margin-top:10px;font-size:12px;line-height:16px}.ig72-bio>strong{display:block}.ig72-bio>strong small{color:var(--ig-sub);font-weight:400}.ig72-bio p{margin:2px 0}.ig72-bio a{color:#00376b}.ig72-profile-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.ig72-profile-buttons:has(.ig72-profile-btn:only-child){grid-template-columns:1fr}.ig72-profile-btn{border:0;background:var(--ig-soft);border-radius:8px;height:31px;font-size:12px;font-weight:600}.ig72-profile-btn.primary{background:var(--ig-blue);color:#fff}.ig72-profile-tabs{height:44px;border-top:1px solid var(--ig-border);display:grid;grid-template-columns:repeat(3,1fr)}.ig72-profile-tabs button{border:0;background:none;color:var(--ig-sub);display:grid;place-items:center;border-bottom:1px solid transparent}.ig72-profile-tabs button.active{color:var(--ig-text);border-bottom-color:var(--ig-text)}.ig72-profile-tabs svg{width:22px;height:22px}
html[data-social-app="instagram"] .ig72-activity-title{font-size:15px;margin:14px}.ig72-activity-row{padding:8px 13px;display:flex;align-items:center;gap:9px}.ig72-activity-row>span{flex:1;font-size:12px;line-height:16px}.ig72-activity-row small{color:var(--ig-sub)}.ig72-activity-row>img{width:40px;height:40px;object-fit:cover}
html[data-social-app="instagram"] .ig72-story-screen{position:absolute;inset:0;background:#111;color:#fff;overflow:hidden;z-index:2}.ig72-story-bg{width:100%;height:100%;object-fit:cover}.ig72-story-gradient{position:absolute;left:0;right:0;pointer-events:none}.ig72-story-gradient.top{top:0;height:150px;background:linear-gradient(rgba(0,0,0,.5),transparent)}.ig72-story-bars{position:absolute;top:8px;left:8px;right:8px;height:2px;background:rgba(255,255,255,.4);border-radius:2px}.ig72-story-bars i{display:block;width:100%;height:100%;background:#fff}.ig72-story-head{position:absolute;left:10px;right:8px;top:17px;display:flex;align-items:center;gap:7px}.ig72-story-head small{color:rgba(255,255,255,.75);font-size:11px}.ig72-story-head button{border:0;background:none;color:#fff;padding:0;margin-left:6px}.ig72-story-head button:first-of-type{margin-left:auto}.ig72-story-head svg{width:24px;height:24px}.ig72-story-caption{position:absolute;left:20px;right:20px;bottom:95px;text-align:center;text-shadow:0 1px 3px #000;font-size:15px}.ig72-story-footer{position:absolute;left:12px;right:12px;bottom:18px;display:flex;align-items:center;gap:12px}.ig72-story-footer>div{flex:1;border:1px solid rgba(255,255,255,.85);border-radius:22px;height:38px;display:flex;align-items:center;padding:0 14px;font-size:12px}.ig72-story-footer button{border:0;background:none;color:#fff;padding:0}.ig72-story-footer svg{width:25px;height:25px}.ig72-story-views{position:absolute;left:14px;bottom:62px;display:flex;align-items:center;gap:5px;font-size:11px}.ig72-story-views svg{width:16px;height:16px}
html[data-social-app="instagram"] .ig72-comments{max-height:52vh;overflow-y:auto;padding:5px 0}.ig72-comment-row{display:flex;gap:9px;padding:8px 12px;align-items:flex-start}.ig72-comment-row>span{flex:1;min-width:0}.ig72-comment-row p{margin:0;font-size:12px;line-height:16px}.ig72-comment-row small{font-size:10px;color:var(--ig-sub)}.ig72-comment-row>button{border:0;background:none;padding:4px}.ig72-comment-row>button svg{width:14px;height:14px}.ig72-comment-compose{display:grid;grid-template-columns:90px 1fr auto;gap:6px;padding:10px 8px;border-top:1px solid var(--ig-border)}.ig72-comment-compose select,.ig72-comment-compose input{min-width:0;border:0;background:var(--ig-soft);border-radius:9px;height:34px;padding:0 7px;color:var(--ig-text)}.ig72-comment-compose button{border:0;background:none;color:var(--ig-blue);font-weight:700;font-size:12px}
html[data-social-app="instagram"] .ig72-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 5px;padding:8px 4px 16px}.ig72-share-grid button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px}.ig72-share-grid span:last-child{max-width:65px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig72-sheet-search{padding:0 0 8px}
html[data-social-app="instagram"] .ig72-dm-head{display:grid;grid-template-columns:34px 1fr 34px;gap:4px;height:54px;flex-basis:54px}.ig72-dm-head>button:nth-child(2){display:flex!important;align-items:center;justify-content:flex-start!important;gap:8px;text-align:left}.ig72-dm-head>button:nth-child(2)>span:last-child{display:flex;flex-direction:column;overflow:hidden}.ig72-dm-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig72-dm-head small{font-size:10px;color:var(--ig-sub)}.ig72-dm-list{flex:1;min-height:0;overflow-y:auto;padding:14px 10px}.ig72-dm-intro{display:flex;flex-direction:column;align-items:center;gap:5px;padding:30px 0}.ig72-dm-intro>span{font-size:11px;color:var(--ig-sub)}.ig72-dm-intro>button{border:0;border-radius:8px;padding:7px 10px;background:var(--ig-soft);font-weight:600;font-size:11px}.ig72-dm-line{display:flex;align-items:flex-end;gap:5px;margin:5px 0}.ig72-dm-line.mine{justify-content:flex-end}.ig72-dm-line>span{max-width:75%;padding:9px 12px;background:var(--ig-soft);border-radius:18px;font-size:13px;line-height:17px}.ig72-dm-line.mine>span{background:#3797f0;color:#fff}.ig72-dm-image{max-width:72%;max-height:270px;border-radius:18px;object-fit:cover}.ig72-dm-share{width:160px;border:1px solid var(--ig-border);border-radius:12px;overflow:hidden;background:var(--ig-bg)}.ig72-dm-share img{width:100%;aspect-ratio:1/1;object-fit:cover}.ig72-dm-share small{display:block;padding:7px;font-size:10px}.ig72-dm-composer{min-height:50px;display:grid;grid-template-columns:28px 34px 1fr 30px auto;align-items:center;gap:5px;padding:5px 8px;border-top:1px solid var(--ig-border)}.ig72-dm-composer input{min-width:0;height:34px;border:1px solid var(--ig-border);border-radius:18px;background:var(--ig-bg);color:var(--ig-text);padding:0 12px;outline:0;font-size:13px}.ig72-dm-composer button{border:0;background:none;padding:0;color:var(--ig-blue);font-size:11px;font-weight:700}.ig72-dm-composer svg{width:22px;height:22px}
html[data-social-app="instagram"] .ig72-compose-media{display:flex;gap:6px;overflow-x:auto;min-height:76px;margin:6px 0}.ig72-compose-media>div{width:76px;height:76px;flex:0 0 76px;position:relative;border-radius:9px;overflow:hidden;background:var(--ig-soft)}.ig72-compose-media img{width:100%;height:100%;object-fit:cover}.ig72-compose-media button{position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff}.ig72-compose-empty{width:100%!important;display:grid;place-items:center;color:var(--ig-sub);font-size:11px}.ig72-textarea{min-height:72px!important;padding-top:8px!important;resize:vertical}.ig72-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ig72-form-grid label>span{display:block;font-size:11px;color:var(--text-sub,var(--ig-sub));margin:8px 0 5px}.ig72-story-preview{height:210px;border-radius:12px;overflow:hidden;background:var(--ig-soft);margin:7px 0}.ig72-story-preview img{width:100%;height:100%;object-fit:cover}.ig72-check{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:12px}.ig72-edit-avatar{display:grid;place-items:center;margin:5px 0 9px}
html[data-social-app="instagram"] .app-switch-dot.app-ig{background:linear-gradient(135deg,#feda75 0%,#fa7e1e 32%,#d62976 62%,#4f5bd5 100%);color:white;font-family:Arial,sans-serif;font-weight:700}
@media (max-width:420px){html[data-social-app="instagram"] .ig72-avatar.profile{width:78px;height:78px}.ig72-profile-main{gap:18px}.ig72-post-copy{font-size:12.5px}}
html[data-social-app="instagram"] .ig72-dm-sender{display:grid!important;place-items:center!important;width:28px;height:34px}.ig72-dm-sender .ig72-avatar.tiny{width:24px;height:24px}.ig72-dm-sender .ig72-avatar.tiny img{width:100%;height:100%;object-fit:cover}


/* v72.2 — Instagram safe-area + bottom-nav correction */
html[data-social-app="instagram"] .ig72-topbar,
html[data-social-app="instagram"] .ig72-profile-head,
html[data-social-app="instagram"] .ig72-detail-head,
html[data-social-app="instagram"] .ig72-dm-head,
html[data-social-app="instagram"] .ig72-reels-head{
  height:calc(var(--status-h,50px) + 52px);
  flex-basis:calc(var(--status-h,50px) + 52px);
  padding-top:var(--status-h,50px);
}
html[data-social-app="instagram"] #tabbar.ig72-tabs{
  margin:0!important;
  padding:0 0 env(safe-area-inset-bottom,0px)!important;
  width:100%!important;
  height:calc(50px + env(safe-area-inset-bottom,0px))!important;
  flex:0 0 calc(50px + env(safe-area-inset-bottom,0px))!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:color-mix(in srgb,var(--ig-bg) 96%,transparent)!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn{
  min-height:50px!important;
  height:50px!important;
  border-radius:0!important;
  background:transparent!important;
}
html[data-social-app="instagram"] .ig72-story-bars{top:calc(var(--status-h,50px) + 8px)}
html[data-social-app="instagram"] .ig72-story-head{top:calc(var(--status-h,50px) + 17px)}
html.app-standalone[data-social-app="instagram"] .ig72-topbar,
html.app-standalone[data-social-app="instagram"] .ig72-profile-head,
html.app-standalone[data-social-app="instagram"] .ig72-detail-head,
html.app-standalone[data-social-app="instagram"] .ig72-dm-head,
html.app-standalone[data-social-app="instagram"] .ig72-reels-head{
  height:52px;
  flex-basis:52px;
  padding-top:0;
}
html.app-standalone[data-social-app="instagram"] .ig72-story-bars{top:8px}
html.app-standalone[data-social-app="instagram"] .ig72-story-head{top:17px}

/* Carousel interaction + composer controls */
html[data-social-app="instagram"] .ig72-carousel-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  width:30px;height:30px;border:0;border-radius:50%;
  display:grid;place-items:center;background:rgba(0,0,0,.38);color:#fff;
  font-size:25px;line-height:1;padding:0;opacity:.88;
}
html[data-social-app="instagram"] .ig72-carousel-nav.prev{left:8px}
html[data-social-app="instagram"] .ig72-carousel-nav.next{right:8px}
html[data-social-app="instagram"] .ig72-compose-count{
  margin:5px 2px 1px;color:var(--ig-sub);font-size:10.5px;text-align:right
}
html[data-social-app="instagram"] .ig72-music-fields{
  display:grid;grid-template-columns:1fr 1fr;gap:7px
}
html[data-social-app="instagram"] .ig72-tag-picker{
  display:flex;gap:7px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:none
}
html[data-social-app="instagram"] .ig72-tag-picker::-webkit-scrollbar{display:none}
html[data-social-app="instagram"] .ig72-tag-picker>button{
  border:1px solid var(--ig-border);background:var(--ig-bg);border-radius:12px;
  display:flex;align-items:center;gap:6px;padding:5px 8px 5px 5px;
  flex:0 0 auto;font-size:10.5px;max-width:150px
}
html[data-social-app="instagram"] .ig72-tag-picker>button>span:nth-child(2){
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px
}
html[data-social-app="instagram"] .ig72-tag-picker>button>i{
  display:none;font-style:normal;color:#fff;background:var(--ig-blue);
  width:16px;height:16px;border-radius:50%;place-items:center;font-size:9px
}
html[data-social-app="instagram"] .ig72-tag-picker>button.active{
  border-color:var(--ig-blue);background:color-mix(in srgb,var(--ig-blue) 8%,var(--ig-bg))
}
html[data-social-app="instagram"] .ig72-tag-picker>button.active>i{display:grid}
@media (max-width:420px){
  html[data-social-app="instagram"] .ig72-music-fields{grid-template-columns:1fr}
}


/* v72.3 — structural Instagram polish from device QA */
html[data-social-app="instagram"] #tab-content.ig72-root{
  flex:1 1 0%!important;
  height:auto!important;
  min-height:0!important;
  width:100%!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs{
  margin:0!important;
  margin-top:auto!important;
  width:100%!important;
  height:62px!important;
  flex:0 0 62px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  align-self:stretch!important;
  background:color-mix(in srgb,var(--ig-bg) 97%,transparent)!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn{
  height:50px!important;
  min-height:50px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
html.app-standalone[data-social-app="instagram"] #tabbar.ig72-tabs{
  height:52px!important;
  flex-basis:52px!important;
  padding-bottom:2px!important;
}
@media(display-mode:standalone){
  html[data-social-app="instagram"] #tabbar.ig72-tabs{
    height:52px!important;
    flex-basis:52px!important;
    padding-bottom:2px!important;
  }
}

/* Cleaner wordmark; falls back gracefully if the web font is unavailable. */
html[data-social-app="instagram"] .ig72-wordmark{
  font-family:"Grand Hotel","Snell Roundhand","Apple Chancery",cursive!important;
  font-size:31px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1!important;
  transform:translateY(1px);
}

/* Monograms sit optically centered in every avatar size. */
html[data-social-app="instagram"] .ig72-avatar>span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  line-height:1;
  transform:translateY(-1px);
}

/* Instagram surfaces should not have horizontal divider rules. */
html[data-social-app="instagram"] .ig72-topbar,
html[data-social-app="instagram"] .ig72-profile-head,
html[data-social-app="instagram"] .ig72-detail-head,
html[data-social-app="instagram"] .ig72-dm-head,
html[data-social-app="instagram"] .ig72-reels-head,
html[data-social-app="instagram"] .ig72-stories,
html[data-social-app="instagram"] .ig72-post,
html[data-social-app="instagram"] .ig72-profile-tabs,
html[data-social-app="instagram"] .ig72-dm-composer,
html[data-social-app="instagram"] .ig72-comment-compose{
  border:0!important;
}
html[data-social-app="instagram"] .ig72-grid{gap:0!important}

/* One thin outer story ring only; profile photo/monogram fills the inside. */
html[data-social-app="instagram"] .ig72-story-ring{
  width:64px!important;
  height:64px!important;
  padding:2px!important;
  background:conic-gradient(var(--ig-story1),#fa7e1e,var(--ig-story2),#962fbf,var(--ig-story3),var(--ig-story1))!important;
}
html[data-social-app="instagram"] .ig72-story-ring::after{display:none!important}
html[data-social-app="instagram"] .ig72-story-ring .ig72-avatar.story{
  width:60px!important;
  height:60px!important;
}
html[data-social-app="instagram"] .ig72-story-chip.seen .ig72-story-ring{
  background:#b8b8b8!important;
}
html[data-social-app="instagram"] .ig72-story-ring.empty{
  background:#c9c9c9!important;
}

/* Multi-story progress and tap navigation. */
html[data-social-app="instagram"] .ig72-story-bars{
  display:flex!important;
  gap:3px!important;
  height:2px!important;
  background:none!important;
  z-index:6;
}
html[data-social-app="instagram"] .ig72-story-bars i{
  flex:1 1 0!important;
  width:auto!important;
  height:100%!important;
  background:rgba(255,255,255,.42)!important;
  border-radius:2px;
}
html[data-social-app="instagram"] .ig72-story-bars i.done,
html[data-social-app="instagram"] .ig72-story-bars i.active{
  background:#fff!important;
}
html[data-social-app="instagram"] .ig72-story-head,
html[data-social-app="instagram"] .ig72-story-footer,
html[data-social-app="instagram"] .ig72-story-caption,
html[data-social-app="instagram"] .ig72-story-views{z-index:5}
html[data-social-app="instagram"] .ig72-story-nav-zone{
  position:absolute;
  top:0;
  bottom:0;
  width:45%;
  border:0;
  background:transparent;
  z-index:3;
  padding:0;
}
html[data-social-app="instagram"] .ig72-story-nav-zone.prev{left:0}
html[data-social-app="instagram"] .ig72-story-nav-zone.next{right:0}

/* Verified/private account state is visible on the profile itself. */
html[data-social-app="instagram"] .ig72-profile-name{
  display:flex!important;
  align-items:center;
  gap:4px;
}
html[data-social-app="instagram"] .ig72-private-mark{
  display:inline-grid;
  place-items:center;
  width:15px;
  height:15px;
  color:var(--ig-text);
  flex:0 0 auto;
}
html[data-social-app="instagram"] .ig72-private-mark svg{width:14px;height:14px}
html[data-social-app="instagram"] .ig72-private-copy{
  display:block;
  margin-top:2px;
  color:var(--ig-sub);
  font-size:11px;
  font-weight:500;
}
html[data-social-app="instagram"] .ig72-profile-head>button .ig72-verified,
html[data-social-app="instagram"] .ig72-profile-head>button .ig72-private-mark{
  margin-left:5px;
}
html[data-social-app="instagram"] .ig72-private-state{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  padding:28px;
  color:var(--ig-sub);
}
html[data-social-app="instagram"] .ig72-private-state svg{
  width:34px;
  height:34px;
  color:var(--ig-text);
}
html[data-social-app="instagram"] .ig72-private-state strong{
  color:var(--ig-text);
  font-size:15px;
}
html[data-social-app="instagram"] .ig72-private-state span{
  font-size:12px;
}

/* Sender chooser matches Yappy's other apps: clock control, not avatar. */
html[data-social-app="instagram"] .ig72-dm-sender{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:34px!important;
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-dm-sender svg{
  width:21px!important;
  height:21px!important;
}


/* v72.4 — polish pass: centering, contrast, Close Friends, manual notifications */
html[data-social-app="instagram"] .ig72-topbar{
  position:relative!important;
}
html[data-social-app="instagram"] .ig72-wordmark{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,calc(-50% + (var(--status-h,50px) / 2)))!important;
  margin:0!important;
  text-align:center!important;
  pointer-events:none;
}
html.app-standalone[data-social-app="instagram"] .ig72-wordmark{
  transform:translate(-50%,-50%)!important;
}
html[data-social-app="instagram"] .ig72-me-btn{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
}
html[data-social-app="instagram"] .ig72-me-btn svg{
  width:24px!important;
  height:24px!important;
}

/* Make Instagram actions visibly Instagram blue instead of inheriting generic green. */
html[data-social-app="instagram"] .btn.btn-primary,
html[data-social-app="instagram"] .card-modal .btn-primary,
html[data-social-app="instagram"] .sheet .btn-primary{
  background:var(--ig-blue)!important;
  border-color:var(--ig-blue)!important;
  color:#fff!important;
  opacity:1!important;
}
html[data-social-app="instagram"] .btn.btn-primary:disabled,
html[data-social-app="instagram"] .card-modal .btn-primary:disabled{
  opacity:.42!important;
}

/* Story editing is natively portrait; never preview as a flattened landscape image. */
html[data-social-app="instagram"] .ig72-story-preview{
  width:min(100%,220px)!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  margin:9px auto!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#111!important;
}
html[data-social-app="instagram"] .ig72-story-preview img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
html[data-social-app="instagram"] .ig72-closefriends-manage{
  margin-top:7px!important;
}

/* One precise centered check inside the verified disc. */
html[data-social-app="instagram"] .ig72-verified{
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  border-radius:50%!important;
  padding:0!important;
  margin-left:4px!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
  vertical-align:middle!important;
  background:#3897f0!important;
  color:#fff!important;
  line-height:0!important;
}
html[data-social-app="instagram"] .ig72-verified svg{
  width:9px!important;
  height:9px!important;
  display:block!important;
  overflow:visible!important;
}

/* Close Friends */
html[data-social-app="instagram"] .ig72-story-chip.close-friends .ig72-story-ring{
  background:#35c759!important;
}
html[data-social-app="instagram"] .ig72-story-audience{
  margin-left:2px;
  padding:2px 6px;
  border-radius:9px;
  background:#35c759;
  color:#fff;
  font-size:8.5px;
  font-weight:700;
  white-space:nowrap;
}
html[data-social-app="instagram"] .ig72-closefriends-list{
  max-height:46vh;
  overflow:auto;
  padding:2px 0 10px;
}
html[data-social-app="instagram"] .ig72-closefriend-row{
  min-height:52px;
  display:grid;
  grid-template-columns:22px 38px 1fr;
  gap:8px;
  align-items:center;
  padding:5px 2px;
}
html[data-social-app="instagram"] .ig72-closefriend-row>span:last-child{
  display:flex;
  flex-direction:column;
  min-width:0;
}
html[data-social-app="instagram"] .ig72-closefriend-row strong{font-size:12px}
html[data-social-app="instagram"] .ig72-closefriend-row small{font-size:10px;color:var(--ig-sub)}

/* Story heart is interactive and turns Instagram red. */
html[data-social-app="instagram"] .ig72-story-footer button{
  position:relative;
  z-index:8;
}
html[data-social-app="instagram"] .ig72-story-footer button.liked{
  color:var(--ig-red)!important;
}

/* Comment sender uses Yappy's subtle clock affordance. */
html[data-social-app="instagram"] .ig72-comment-compose{
  grid-template-columns:30px 1fr auto!important;
  align-items:center!important;
}
html[data-social-app="instagram"] .ig72-comment-sender{
  width:30px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-comment-sender svg{
  width:21px!important;
  height:21px!important;
}

/* Manual Instagram notification builder */
html[data-social-app="instagram"] .ig72-notice-fab{
  position:absolute;
  right:16px;
  bottom:16px;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--ig-blue);
  color:#fff;
  box-shadow:0 5px 16px rgba(0,0,0,.18);
  z-index:20;
}
html[data-social-app="instagram"] .ig72-notice-fab svg{
  width:24px;
  height:24px;
}
html[data-social-app="instagram"] .ig72-notice-actors{
  max-height:210px;
  overflow:auto;
  margin:3px 0 8px;
}
html[data-social-app="instagram"] .ig72-notice-actors label{
  min-height:48px;
  display:grid;
  grid-template-columns:22px 38px 1fr;
  gap:8px;
  align-items:center;
}
html[data-social-app="instagram"] .ig72-activity-avatars{
  width:42px;
  min-width:42px;
  height:36px;
  position:relative;
}
html[data-social-app="instagram"] .ig72-activity-avatars .ig72-avatar{
  position:absolute;
  width:28px!important;
  height:28px!important;
  border:2px solid var(--ig-bg);
}
html[data-social-app="instagram"] .ig72-activity-avatars .ig72-avatar:nth-child(1){left:0;top:0}
html[data-social-app="instagram"] .ig72-activity-avatars .ig72-avatar:nth-child(2){left:12px;top:7px}
html[data-social-app="instagram"] .ig72-activity-avatars .ig72-avatar:nth-child(3){left:22px;top:1px}
html[data-social-app="instagram"] .ig72-activity-row em{
  font-style:normal;
  color:var(--ig-sub);
}

/* v72.4.1 — exact wordmark centering + Close Friends helper copy */
html[data-social-app="instagram"] .ig72-wordmark{
  top:calc(var(--status-h,50px) + 26px)!important;
  transform:translate(-50%,-50%)!important;
}
html.app-standalone[data-social-app="instagram"] .ig72-wordmark{
  top:26px!important;
}
@media(display-mode:standalone){
  html[data-social-app="instagram"] .ig72-wordmark{top:26px!important}
}
html[data-social-app="instagram"] .ig72-closefriends-note{
  margin:6px 2px 2px;
  color:var(--ig-sub);
  font-size:10.5px;
  line-height:14px;
}


/* v72.5 — canonical Instagram top safe-area model.
   Instagram owns its top inset so browser preview, Safari and installed iOS PWA
   cannot double-apply or accidentally remove the status-bar clearance. */
html[data-social-app="instagram"]{
  --ig-safe-top:max(var(--status-h,0px),env(safe-area-inset-top,0px));
}
@media(max-width:780px){
  html[data-social-app="instagram"] #app-root{
    top:0!important;
  }
}
html[data-social-app="instagram"] .ig72-topbar,
html[data-social-app="instagram"] .ig72-profile-head,
html[data-social-app="instagram"] .ig72-detail-head,
html[data-social-app="instagram"] .ig72-dm-head,
html[data-social-app="instagram"] .ig72-reels-head,
html.app-standalone[data-social-app="instagram"] .ig72-topbar,
html.app-standalone[data-social-app="instagram"] .ig72-profile-head,
html.app-standalone[data-social-app="instagram"] .ig72-detail-head,
html.app-standalone[data-social-app="instagram"] .ig72-dm-head,
html.app-standalone[data-social-app="instagram"] .ig72-reels-head{
  height:calc(var(--ig-safe-top) + 52px)!important;
  flex:0 0 calc(var(--ig-safe-top) + 52px)!important;
  padding-top:var(--ig-safe-top)!important;
}
html[data-social-app="instagram"] .ig72-wordmark,
html.app-standalone[data-social-app="instagram"] .ig72-wordmark{
  top:calc(var(--ig-safe-top) + 26px)!important;
  transform:translate(-50%,-50%)!important;
}
html[data-social-app="instagram"] .ig72-story-bars,
html.app-standalone[data-social-app="instagram"] .ig72-story-bars{
  top:calc(var(--ig-safe-top) + 8px)!important;
}
html[data-social-app="instagram"] .ig72-story-head,
html.app-standalone[data-social-app="instagram"] .ig72-story-head{
  top:calc(var(--ig-safe-top) + 17px)!important;
}
@media(display-mode:standalone){
  html[data-social-app="instagram"]{
    --ig-safe-top:max(env(safe-area-inset-top,0px),0px);
  }
  html[data-social-app="instagram"] #app-root{
    top:0!important;
  }
  html[data-social-app="instagram"] .ig72-topbar,
  html[data-social-app="instagram"] .ig72-profile-head,
  html[data-social-app="instagram"] .ig72-detail-head,
  html[data-social-app="instagram"] .ig72-dm-head,
  html[data-social-app="instagram"] .ig72-reels-head{
    height:calc(var(--ig-safe-top) + 52px)!important;
    flex-basis:calc(var(--ig-safe-top) + 52px)!important;
    padding-top:var(--ig-safe-top)!important;
  }
  html[data-social-app="instagram"] .ig72-wordmark{
    top:calc(var(--ig-safe-top) + 26px)!important;
  }
  html[data-social-app="instagram"] .ig72-story-bars{
    top:calc(var(--ig-safe-top) + 8px)!important;
  }
  html[data-social-app="instagram"] .ig72-story-head{
    top:calc(var(--ig-safe-top) + 17px)!important;
  }
}


/* v72.6 — Instagram consumes the shared app-root safe area exactly once.
   Browser/desktop keeps Yappy's fake status-bar clearance. Installed mode uses
   the native safe inset on #app-root, so Instagram headers must not add it again. */
html[data-social-app="instagram"]{
  --ig-safe-top:var(--status-h,50px);
}
@media(max-width:780px){
  html[data-social-app="instagram"] #app-root{
    top:var(--native-safe-top-resolved,env(safe-area-inset-top,0px))!important;
  }
}
html.app-standalone[data-social-app="instagram"]{
  --ig-safe-top:0px!important;
}
html.app-standalone[data-social-app="instagram"] #app-root{
  top:var(--native-safe-top-resolved,env(safe-area-inset-top,0px))!important;
}
@media(display-mode:standalone){
  html[data-social-app="instagram"]{
    --ig-safe-top:0px!important;
  }
  html[data-social-app="instagram"] #app-root{
    top:var(--native-safe-top-resolved,env(safe-area-inset-top,0px))!important;
  }
}
html[data-social-app="instagram"] .ig72-topbar,
html[data-social-app="instagram"] .ig72-profile-head,
html[data-social-app="instagram"] .ig72-detail-head,
html[data-social-app="instagram"] .ig72-dm-head,
html[data-social-app="instagram"] .ig72-reels-head{
  height:calc(var(--ig-safe-top) + 52px)!important;
  flex:0 0 calc(var(--ig-safe-top) + 52px)!important;
  padding-top:var(--ig-safe-top)!important;
}
html[data-social-app="instagram"] .ig72-wordmark{
  top:calc(var(--ig-safe-top) + 26px)!important;
}
html[data-social-app="instagram"] .ig72-story-bars{
  top:calc(var(--ig-safe-top) + 8px)!important;
}
html[data-social-app="instagram"] .ig72-story-head{
  top:calc(var(--ig-safe-top) + 17px)!important;
}


/* v72.7 — installed layout = native safe-area + optional 50px Yappy bar + IG header */
html[data-social-app="instagram"],
html.app-standalone[data-social-app="instagram"]{
  --ig-safe-top:var(--status-h,50px)!important;
}
html.app-standalone[data-social-app="instagram"] #app-root{
  top:var(--native-safe-top-resolved,env(safe-area-inset-top,0px))!important;
}
@media(max-width:780px){
  html[data-social-app="instagram"] #app-root{
    top:var(--native-safe-top-resolved,env(safe-area-inset-top,0px))!important;
  }
}
@media(display-mode:standalone){
  html[data-social-app="instagram"]{
    --ig-safe-top:var(--status-h,50px)!important;
  }
  html[data-social-app="instagram"] #app-root{
    top:var(--native-safe-top-resolved,env(safe-area-inset-top,0px))!important;
  }
}
html[data-social-app="instagram"] .ig72-topbar,
html[data-social-app="instagram"] .ig72-profile-head,
html[data-social-app="instagram"] .ig72-detail-head,
html[data-social-app="instagram"] .ig72-dm-head,
html[data-social-app="instagram"] .ig72-reels-head{
  height:calc(var(--ig-safe-top) + 52px)!important;
  flex:0 0 calc(var(--ig-safe-top) + 52px)!important;
  padding-top:var(--ig-safe-top)!important;
}
html[data-social-app="instagram"] .ig72-wordmark{
  top:calc(var(--ig-safe-top) + 26px)!important;
}
html[data-social-app="instagram"] .ig72-story-bars{
  top:calc(var(--ig-safe-top) + 8px)!important;
}
html[data-social-app="instagram"] .ig72-story-head{
  top:calc(var(--ig-safe-top) + 17px)!important;
}


/* v73 — functional Instagram story replies + DM story context. */
html[data-social-app="instagram"] .ig72-story-footer{
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}
html[data-social-app="instagram"] .ig72-story-footer>.ig72-story-reply-box{
  flex:1 1 auto!important;
  min-width:0!important;
  height:40px!important;
  padding:0 6px 0 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:22px!important;
  background:rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  box-sizing:border-box!important;
}
html[data-social-app="instagram"] .ig72-story-reply-box input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:inherit!important;
  font-size:13px!important;
}
html[data-social-app="instagram"] .ig72-story-reply-box input::placeholder{
  color:rgba(255,255,255,.92)!important;
  -webkit-text-fill-color:rgba(255,255,255,.92)!important;
  opacity:1!important;
}
html[data-social-app="instagram"] .ig72-story-reply-box button{
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  padding:0 7px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .15s ease!important;
}
html[data-social-app="instagram"] .ig72-story-reply-box.has-text button,
html[data-social-app="instagram"] .ig72-story-reply-box:focus-within button{
  opacity:1!important;
  pointer-events:auto!important;
}
html[data-social-app="instagram"] .ig72-story-footer>.ig72-story-own-label{
  flex:1 1 auto!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:22px!important;
  color:rgba(255,255,255,.9)!important;
  font-size:12px!important;
}

/* Story reply in DM: immutable story snapshot + normal message bubble. */
html[data-social-app="instagram"] .ig72-dm-story-line{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-story-reply{
  max-width:min(78%,250px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.mine .ig72-dm-story-reply{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs .ig72-dm-story-reply{
  align-items:flex-start!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context{
  position:relative!important;
  width:min(210px,68vw)!important;
  height:118px!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#111!important;
  border:1px solid color-mix(in srgb,var(--ig-border) 80%,transparent)!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context>span{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:28px 9px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  color:#fff!important;
  background:linear-gradient(to bottom,transparent,rgba(0,0,0,.72))!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context small{
  color:rgba(255,255,255,.84)!important;
  font-size:9.5px!important;
  line-height:12px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:14px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-text{
  max-width:100%!important;
  padding:9px 12px!important;
  border-radius:18px!important;
  font-size:13px!important;
  line-height:17px!important;
  overflow-wrap:anywhere!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.mine .ig72-dm-story-text{
  background:#3797f0!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs .ig72-dm-story-text{
  background:var(--ig-soft)!important;
  color:var(--ig-text)!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-dm-story-context{
    width:min(196px,66vw)!important;
    height:110px!important;
  }
}


/* v74 — Instagram DM story context keeps the native 9:16 story ratio. */
html[data-social-app="instagram"] .ig72-dm-story-context{
  width:clamp(118px,34vw,142px)!important;
  height:auto!important;
  aspect-ratio:9/16!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-dm-story-context{
    width:clamp(110px,32vw,128px)!important;
    height:auto!important;
    aspect-ratio:9/16!important;
  }
}


/* v75 — native Instagram feed/profile refinement from device references. */
html[data-social-app="instagram"]{
  --ig-bg:#fff;
  --ig-text:#050505;
  --ig-sub:#737373;
  --ig-border:#dbdbdb;
  --ig-soft:#f5f5f5;
}
html[data-social-app="instagram"][data-theme="dark"]{
  --ig-bg:#000;
  --ig-text:#f5f5f5;
  --ig-sub:#a8a8a8;
  --ig-border:#262626;
  --ig-soft:#121212;
}

/* Home header participates in the feed scroll; no sticky Instagram masthead. */
html[data-social-app="instagram"] .ig72-home-scroll>.ig72-topbar{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  box-sizing:border-box!important;
  background:var(--ig-bg)!important;
}
html[data-social-app="instagram"] .ig72-home-scroll{
  padding-bottom:82px!important;
}

/* Post header spacing and scale. */
html[data-social-app="instagram"] .ig72-post{
  border:0!important;
  background:var(--ig-bg)!important;
  padding-bottom:9px!important;
}
html[data-social-app="instagram"] .ig72-post-head{
  min-height:57px!important;
  height:auto!important;
  padding:8px 12px!important;
  gap:10px!important;
  box-sizing:border-box!important;
}
html[data-social-app="instagram"] .ig72-author{
  min-width:0!important;
  flex:1 1 auto!important;
  gap:10px!important;
}
html[data-social-app="instagram"] .ig72-post-head .ig72-avatar.sm{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
html[data-social-app="instagram"] .ig72-author>span:last-child{
  gap:1px!important;
  min-width:0!important;
}
html[data-social-app="instagram"] .ig72-author strong{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  font-size:13.5px!important;
  line-height:17px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
html[data-social-app="instagram"] .ig72-author strong>i{
  margin-left:3px!important;
  color:var(--ig-sub)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:400!important;
}
html[data-social-app="instagram"] .ig72-author small{
  font-size:11.5px!important;
  line-height:14px!important;
  color:var(--ig-text)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-social-app="instagram"] .ig72-post-head-actions{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  flex:0 0 auto!important;
}
html[data-social-app="instagram"] .ig72-inline-follow{
  height:32px!important;
  padding:0 18px!important;
  border:1px solid color-mix(in srgb,var(--ig-text) 42%,transparent)!important;
  border-radius:8px!important;
  background:transparent!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-post-head-actions>[data-post-more]{
  width:28px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
html[data-social-app="instagram"] .ig72-post-head-actions>[data-post-more] svg{
  width:22px!important;
  height:22px!important;
}

/* Feed media supports the two native post ratios. */
html[data-social-app="instagram"] .ig72-media.ratio-square{aspect-ratio:1/1!important}
html[data-social-app="instagram"] .ig72-media.ratio-45{aspect-ratio:4/5!important}
html[data-social-app="instagram"] .ig72-media.ratio-square img,
html[data-social-app="instagram"] .ig72-media.ratio-45 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Native-scale icon row with counts only when they exist. */
html[data-social-app="instagram"] .ig72-post-actions{
  min-height:49px!important;
  height:auto!important;
  padding:7px 12px 5px!important;
  box-sizing:border-box!important;
  gap:12px!important;
}
html[data-social-app="instagram"] .ig72-post-actions-left{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-width:0!important;
}
html[data-social-app="instagram"] .ig72-post-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:27px!important;
  min-height:30px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-size:13px!important;
  line-height:1!important;
}
html[data-social-app="instagram"] .ig72-post-actions svg{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
}
html[data-social-app="instagram"] .ig72-post-actions button>span{
  font-size:13px!important;
  line-height:16px!important;
  font-weight:500!important;
}
html[data-social-app="instagram"] .ig72-post-actions .liked{color:#ff3040!important}
html[data-social-app="instagram"] .ig72-post-actions .reposted{color:#00a884!important}

html[data-social-app="instagram"] .ig72-post-copy{
  padding:0 13px 15px!important;
  gap:5px!important;
  font-size:13.5px!important;
  line-height:18px!important;
}
html[data-social-app="instagram"] .ig72-post-copy>strong{
  font-size:13.5px!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-post-copy p{
  margin:0!important;
}
html[data-social-app="instagram"] .ig72-post-extra{
  color:var(--ig-sub)!important;
  font-size:11.5px!important;
  text-transform:none!important;
}
html[data-social-app="instagram"] .ig72-view-comments{
  color:var(--ig-sub)!important;
  font-size:13px!important;
  line-height:17px!important;
}

/* Floating Instagram-style bottom dock. */
html[data-social-app="instagram"] #phone-screen{position:relative!important}
html[data-social-app="instagram"] #tabbar.ig72-tabs{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  z-index:70!important;
  width:auto!important;
  height:58px!important;
  min-height:58px!important;
  flex:0 0 auto!important;
  padding:0 5px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:31px!important;
  box-sizing:border-box!important;
  background:rgba(245,245,245,.78)!important;
  -webkit-backdrop-filter:blur(24px) saturate(165%)!important;
  backdrop-filter:blur(24px) saturate(165%)!important;
  box-shadow:0 2px 13px rgba(0,0,0,.13)!important;
}
html[data-theme="dark"][data-social-app="instagram"] #tabbar.ig72-tabs{
  background:rgba(28,28,30,.78)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 2px 15px rgba(0,0,0,.42)!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn{
  height:48px!important;
  min-height:48px!important;
  margin:4px 0!important;
  border-radius:24px!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn.active{
  background:rgba(120,120,128,.13)!important;
}
html[data-theme="dark"][data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn.active{
  background:rgba(255,255,255,.12)!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn>svg,
html[data-social-app="instagram"] #tabbar.ig72-tabs .ig72-tab-icon-wrap>svg{
  width:27px!important;
  height:27px!important;
}
html[data-social-app="instagram"] .ig72-tab-icon-wrap{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
}
html[data-social-app="instagram"] .ig72-tab-unread{
  position:absolute!important;
  right:-5px!important;
  bottom:-3px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#ff3040!important;
  border:1.5px solid var(--ig-bg)!important;
}
html[data-social-app="instagram"] .ig72-tab-profile{
  display:grid!important;
  place-items:center!important;
}
html[data-social-app="instagram"] .ig72-tab-profile .ig72-avatar.tiny{
  width:29px!important;
  height:29px!important;
  border:0!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn.active .ig72-tab-profile .ig72-avatar{
  box-shadow:0 0 0 2px var(--ig-text)!important;
}

/* Profile grid: square thumbnails, near-zero gutters, native light/dark surfaces. */
html[data-social-app="instagram"] .ig72-profile-tabs{
  height:45px!important;
  margin-top:2px!important;
  background:var(--ig-bg)!important;
}
html[data-social-app="instagram"] .ig72-profile-tabs button svg{
  width:23px!important;
  height:23px!important;
}
html[data-social-app="instagram"] .ig72-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  padding:0!important;
  background:var(--ig-bg)!important;
}
html[data-social-app="instagram"] .ig72-grid>button{
  aspect-ratio:1/1!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--ig-soft)!important;
}
html[data-social-app="instagram"] .ig72-grid>button img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html[data-social-app="instagram"] .ig72-grid-type{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))!important;
}
html[data-social-app="instagram"] .ig72-grid-type svg{
  width:19px!important;
  height:19px!important;
}

/* Ratio chooser and cropped media previews. */
html[data-social-app="instagram"] .ig72-ratio-picker{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:5px 0 12px!important;
}
html[data-social-app="instagram"] .ig72-ratio-picker button{
  min-height:54px!important;
  border:1px solid var(--ig-border)!important;
  border-radius:12px!important;
  background:var(--ig-bg)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:8px 11px!important;
}
html[data-social-app="instagram"] .ig72-ratio-picker button.active{
  border-color:var(--ig-blue)!important;
  box-shadow:0 0 0 1px var(--ig-blue) inset!important;
}
html[data-social-app="instagram"] .ig72-ratio-picker b{font-size:14px!important}
html[data-social-app="instagram"] .ig72-ratio-picker small{font-size:11px!important;color:var(--ig-sub)!important}
html[data-social-app="instagram"] .ig72-compose-media>div.ratio-square{aspect-ratio:1/1!important}
html[data-social-app="instagram"] .ig72-compose-media>div.ratio-45{aspect-ratio:4/5!important}
html[data-social-app="instagram"] .ig72-compose-media>div.ratio-square img,
html[data-social-app="instagram"] .ig72-compose-media>div.ratio-45 img{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-social-app="instagram"] .ig72-metrics-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Story Highlights. */
html[data-social-app="instagram"] .ig72-highlights{
  display:flex!important;
  gap:15px!important;
  overflow-x:auto!important;
  padding:3px 12px 14px!important;
  scrollbar-width:none!important;
  background:var(--ig-bg)!important;
}
html[data-social-app="instagram"] .ig72-highlights::-webkit-scrollbar{display:none!important}
html[data-social-app="instagram"] .ig72-highlight{
  width:68px!important;
  flex:0 0 68px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
}
html[data-social-app="instagram"] .ig72-highlight-cover{
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  padding:3px!important;
  box-sizing:border-box!important;
  border:1px solid color-mix(in srgb,var(--ig-text) 30%,transparent)!important;
  background:var(--ig-bg)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
html[data-social-app="instagram"] .ig72-highlight-cover img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
html[data-social-app="instagram"] .ig72-highlight small{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  color:var(--ig-text)!important;
  font-size:10.5px!important;
}
html[data-social-app="instagram"] .ig72-highlight-new .ig72-highlight-cover b{
  font-size:27px!important;
  font-weight:300!important;
  line-height:1!important;
}
html[data-social-app="instagram"] .ig72-highlight-cover-edit{
  width:92px!important;
  height:92px!important;
  margin:3px auto 9px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:var(--ig-soft)!important;
  display:grid!important;
  place-items:center!important;
  color:var(--ig-sub)!important;
  font-size:11px!important;
}
html[data-social-app="instagram"] .ig72-highlight-cover-edit img{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-social-app="instagram"] .ig72-highlight-story-picker{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  margin:5px 0 13px!important;
  scrollbar-width:none!important;
}
html[data-social-app="instagram"] .ig72-highlight-story-picker>button{
  position:relative!important;
  width:70px!important;
  flex:0 0 70px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
html[data-social-app="instagram"] .ig72-highlight-story-picker>button>span{
  display:block!important;
  width:70px!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
  border-radius:9px!important;
  border:2px solid transparent!important;
}
html[data-social-app="instagram"] .ig72-highlight-story-picker>button.active>span{border-color:var(--ig-blue)!important}
html[data-social-app="instagram"] .ig72-highlight-story-picker img{width:100%!important;height:100%!important;object-fit:cover!important}
html[data-social-app="instagram"] .ig72-highlight-story-picker small{display:block!important;margin-top:4px!important;color:var(--ig-sub)!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-social-app="instagram"] .ig72-highlight-story-picker i{
  display:none!important;
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  place-items:center!important;
  background:var(--ig-blue)!important;
  color:#fff!important;
  font-size:10px!important;
  font-style:normal!important;
}
html[data-social-app="instagram"] .ig72-highlight-story-picker>button.active i{display:grid!important}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-post-head{padding-left:10px!important;padding-right:10px!important}
  html[data-social-app="instagram"] .ig72-post-actions{padding-left:10px!important;padding-right:10px!important}
  html[data-social-app="instagram"] .ig72-post-actions-left{gap:13px!important}
  html[data-social-app="instagram"] .ig72-post-copy{padding-left:11px!important;padding-right:11px!important}
  html[data-social-app="instagram"] #tabbar.ig72-tabs{left:9px!important;right:9px!important}
}


/* v76 — refined Instagram nav icons, DM type scale, and comment actions. */

/* Bottom nav uses a person icon again; all icons share one optical box. */
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn>svg,
html[data-social-app="instagram"] #tabbar.ig72-tabs .ig72-tab-icon-wrap>svg{
  width:27px!important;
  height:27px!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* IG inbox: restore readable native-like hierarchy. */
html[data-social-app="instagram"] .ig72-dm-row{
  min-height:68px!important;
  gap:12px!important;
  padding:7px 13px!important;
}
html[data-social-app="instagram"] .ig72-dm-row .ig72-avatar.dm{
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
}
html[data-social-app="instagram"] .ig72-dm-row>span{
  gap:3px!important;
}
html[data-social-app="instagram"] .ig72-dm-row strong{
  font-size:15px!important;
  line-height:19px!important;
  font-weight:600!important;
}
html[data-social-app="instagram"] .ig72-dm-row small{
  font-size:13.5px!important;
  line-height:17px!important;
  color:var(--ig-sub)!important;
}
html[data-social-app="instagram"] .ig72-section-row{
  font-size:14px!important;
  padding:4px 14px 11px!important;
}
html[data-social-app="instagram"] .ig72-section-row button{
  font-size:13px!important;
}

/* DM room header + messages. */
html[data-social-app="instagram"] .ig72-dm-head{
  grid-template-columns:38px 1fr 38px!important;
  gap:6px!important;
}
html[data-social-app="instagram"] .ig72-dm-head>button:nth-child(2){
  gap:9px!important;
}
html[data-social-app="instagram"] .ig72-dm-head .ig72-avatar.sm{
  width:36px!important;
  height:36px!important;
}
html[data-social-app="instagram"] .ig72-dm-head strong{
  font-size:15px!important;
  line-height:18px!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-dm-head small{
  font-size:12px!important;
  line-height:15px!important;
}
html[data-social-app="instagram"] .ig72-dm-list{
  padding:16px 11px 18px!important;
}
html[data-social-app="instagram"] .ig72-dm-line{
  gap:7px!important;
  margin:6px 0!important;
}
html[data-social-app="instagram"] .ig72-dm-line>span:not(.ig72-avatar){
  max-width:78%!important;
  padding:10px 13px!important;
  border-radius:19px!important;
  font-size:15px!important;
  line-height:20px!important;
}
html[data-social-app="instagram"] .ig72-dm-line>.ig72-avatar.tiny{
  width:26px!important;
  height:26px!important;
}
html[data-social-app="instagram"] .ig72-dm-intro{
  gap:6px!important;
  padding:34px 0!important;
}
html[data-social-app="instagram"] .ig72-dm-intro>strong{
  font-size:17px!important;
  line-height:21px!important;
}
html[data-social-app="instagram"] .ig72-dm-intro>span{
  font-size:13px!important;
  line-height:17px!important;
}
html[data-social-app="instagram"] .ig72-dm-intro>button{
  font-size:13px!important;
  min-height:34px!important;
  padding:7px 12px!important;
}
html[data-social-app="instagram"] .ig72-dm-share{
  width:180px!important;
  border-radius:14px!important;
}
html[data-social-app="instagram"] .ig72-dm-share small{
  padding:8px 9px!important;
  font-size:12.5px!important;
  line-height:16px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-text{
  font-size:15px!important;
  line-height:20px!important;
  padding:10px 13px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context small{
  font-size:11px!important;
  line-height:14px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context b{
  font-size:12.5px!important;
  line-height:16px!important;
}
html[data-social-app="instagram"] .ig72-dm-composer{
  min-height:56px!important;
  grid-template-columns:30px 36px 1fr 32px auto!important;
  gap:6px!important;
  padding:7px 9px!important;
}
html[data-social-app="instagram"] .ig72-dm-composer input{
  height:40px!important;
  border-radius:21px!important;
  padding:0 13px!important;
  font-size:15px!important;
}
html[data-social-app="instagram"] .ig72-dm-composer button{
  font-size:13px!important;
}
html[data-social-app="instagram"] .ig72-dm-composer svg{
  width:24px!important;
  height:24px!important;
}

/* Comments are full-size readable rows; tapping the row opens actions. */
html[data-social-app="instagram"] .ig72-comments{
  max-height:58vh!important;
  padding:7px 0!important;
}
html[data-social-app="instagram"] .ig72-comment-row{
  gap:10px!important;
  padding:10px 13px!important;
  align-items:flex-start!important;
  cursor:pointer!important;
}
html[data-social-app="instagram"] .ig72-comment-row .ig72-avatar.sm{
  width:35px!important;
  height:35px!important;
  flex:0 0 35px!important;
}
html[data-social-app="instagram"] .ig72-comment-body{
  padding-top:1px!important;
}
html[data-social-app="instagram"] .ig72-comment-row p{
  margin:0!important;
  font-size:14px!important;
  line-height:18px!important;
}
html[data-social-app="instagram"] .ig72-comment-row p>b{
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-comment-row small{
  display:block!important;
  margin-top:3px!important;
  font-size:11.5px!important;
  line-height:15px!important;
}
html[data-social-app="instagram"] .ig72-comment-row>[data-comment-like]{
  width:31px!important;
  height:31px!important;
  padding:5px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:none!important;
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-comment-row>[data-comment-like].liked{
  color:#ff3040!important;
}
html[data-social-app="instagram"] .ig72-comment-row>[data-comment-like] svg{
  width:16px!important;
  height:16px!important;
}
html[data-social-app="instagram"] .ig72-comment-compose{
  grid-template-columns:36px minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:9px 10px!important;
  align-items:center!important;
}
html[data-social-app="instagram"] .ig72-comment-compose input{
  height:39px!important;
  border-radius:20px!important;
  padding:0 12px!important;
  font-size:14px!important;
}
html[data-social-app="instagram"] .ig72-comment-compose button{
  font-size:13px!important;
}


/* v77 — own-profile layout closer to current Instagram. */
html[data-social-app="instagram"] .ig72-own-profile-head{
  position:relative!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 88px!important;
  align-items:end!important;
  min-height:calc(var(--status-h,50px) + 58px)!important;
  height:calc(var(--status-h,50px) + 58px)!important;
  padding:var(--status-h,50px) 12px 7px!important;
  box-sizing:border-box!important;
  background:var(--ig-bg)!important;
  border:0!important;
}
html.app-standalone[data-social-app="instagram"] .ig72-own-profile-head{
  min-height:58px!important;
  height:58px!important;
  padding-top:0!important;
}
html[data-social-app="instagram"] .ig72-own-head-left,
html[data-social-app="instagram"] .ig72-own-head-right{
  display:flex!important;
  align-items:center!important;
}
html[data-social-app="instagram"] .ig72-own-head-left{justify-content:flex-start!important}
html[data-social-app="instagram"] .ig72-own-head-right{
  justify-content:flex-end!important;
  gap:13px!important;
}
html[data-social-app="instagram"] .ig72-own-profile-head button{
  border:0!important;
  background:none!important;
  padding:0!important;
  min-width:32px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
}
html[data-social-app="instagram"] .ig72-own-profile-head svg{
  width:28px!important;
  height:28px!important;
}
html[data-social-app="instagram"] .ig72-own-head-user{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
}
html[data-social-app="instagram"] .ig72-own-head-user strong{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:20px!important;
  line-height:24px!important;
  font-weight:700!important;
  letter-spacing:-.2px!important;
}
html[data-social-app="instagram"] .ig72-own-head-chevron{
  transform:translateY(-1px)!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:500!important;
}

/* Own profile top gets breathing room and larger Instagram-like scale. */
html[data-social-app="instagram"] .ig72-profile-top.ig72-profile-own{
  padding:18px 16px 13px!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-avatar.profile{
  width:92px!important;
  height:92px!important;
  flex:0 0 92px!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-stats{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-stats span{
  align-items:center!important;
  justify-content:center!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-stats strong{
  font-size:18px!important;
  line-height:22px!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-stats small{
  margin-top:1px!important;
  font-size:13px!important;
  line-height:17px!important;
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-bio{
  margin-top:14px!important;
  font-size:14px!important;
  line-height:19px!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-name{
  margin-bottom:2px!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-bio p{
  margin:2px 0!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-bio a{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:2px!important;
  color:#e0f1ff!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:600!important;
  text-decoration:none!important;
}
html[data-theme="light"][data-social-app="instagram"] .ig72-profile-own .ig72-bio a{
  color:#00376b!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-buttons{
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:15px!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-btn{
  height:36px!important;
  border-radius:9px!important;
  background:var(--ig-soft)!important;
  font-size:14px!important;
  font-weight:650!important;
}

/* Highlights align naturally with the own-profile button row. */
html[data-social-app="instagram"] .ig72-profile-own + .ig72-highlights{
  padding:4px 14px 16px!important;
  gap:16px!important;
}
html[data-social-app="instagram"] .ig72-profile-own + .ig72-highlights .ig72-highlight{
  width:72px!important;
  flex-basis:72px!important;
}
html[data-social-app="instagram"] .ig72-profile-own + .ig72-highlights .ig72-highlight-cover{
  width:66px!important;
  height:66px!important;
}
html[data-social-app="instagram"] .ig72-profile-own + .ig72-highlights .ig72-highlight small{
  font-size:11.5px!important;
  line-height:14px!important;
}

/* Grid tabs sit closer to the reference profile rhythm. */
html[data-social-app="instagram"] .ig72-profile-own ~ #ig72-profile-grid .ig72-profile-tabs{
  height:49px!important;
  margin-top:0!important;
}

/* Repost icon gets the same visual box as other post actions. */
html[data-social-app="instagram"] .ig72-post-actions [data-repost] svg{
  width:26px!important;
  height:26px!important;
  overflow:visible!important;
}


/* v78 — own-profile masthead alignment repair.
   The generic header button grid must never stack username/chevron vertically. */
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-user{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  padding:0 4px!important;
  gap:5px!important;
  place-items:initial!important;
}
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-user>strong,
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-user>.ig72-own-head-chevron{
  position:static!important;
  display:block!important;
  flex:0 1 auto!important;
  margin:0!important;
}
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-user>strong{
  max-width:calc(100% - 22px)!important;
}
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-chevron{
  flex:0 0 auto!important;
  transform:translateY(-1px)!important;
}


/* v79 — true-centered own-profile header and shared typography geometry. */
html[data-social-app="instagram"] .ig72-own-profile-head{
  grid-template-columns:54px minmax(0,1fr) 54px!important;
  align-items:end!important;
}
html[data-social-app="instagram"] .ig72-own-head-left,
html[data-social-app="instagram"] .ig72-own-head-right{
  width:54px!important;
  min-width:54px!important;
}
html[data-social-app="instagram"] .ig72-own-head-left{
  justify-content:flex-start!important;
}
html[data-social-app="instagram"] .ig72-own-head-right{
  justify-content:flex-end!important;
  gap:0!important;
}
html[data-social-app="instagram"] .ig72-own-head-user{
  width:100%!important;
  justify-self:center!important;
  justify-content:center!important;
  text-align:center!important;
}
html[data-social-app="instagram"] .ig72-own-head-user>strong{
  text-align:center!important;
}
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-left button,
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-right button{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
}
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-left svg,
html[data-social-app="instagram"] .ig72-own-profile-head .ig72-own-head-right svg{
  width:27px!important;
  height:27px!important;
}


/* v80 — native story audience badge and transparent reply field. */
html[data-social-app="instagram"] .ig72-story-audience{
  margin-left:2px!important;
  width:31px!important;
  height:25px!important;
  min-width:31px!important;
  padding:0!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:#00c853!important;
  color:#fff!important;
  line-height:0!important;
}
html[data-social-app="instagram"] .ig72-story-audience svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
}
html[data-social-app="instagram"] .ig72-story-own-chevron{
  width:18px!important;
  height:24px!important;
  min-width:18px!important;
  margin:0 1px 0 -2px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
}
html[data-social-app="instagram"] .ig72-story-footer>.ig72-story-reply-box{
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.88)!important;
}
html[data-social-app="instagram"] .ig72-story-reply-box input{
  background:transparent!important;
}


/* v81 — story header action cluster + story sharing in DMs. */
html[data-social-app="instagram"] .ig72-story-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
html[data-social-app="instagram"] .ig72-story-identity{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
html[data-social-app="instagram"] .ig72-story-identity>strong{
  min-width:0!important;
  max-width:42vw!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-social-app="instagram"] .ig72-story-identity>small{
  flex:0 0 auto!important;
}
html[data-social-app="instagram"] .ig72-story-identity>.ig72-story-own-chevron{
  margin:0!important;
  flex:0 0 18px!important;
}
html[data-social-app="instagram"] .ig72-story-head-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
html[data-social-app="instagram"] .ig72-story-head-actions>button{
  margin:0!important;
  width:27px!important;
  min-width:27px!important;
  height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
html[data-social-app="instagram"] .ig72-story-head-actions>button svg{
  width:24px!important;
  height:24px!important;
}
html[data-social-app="instagram"] .ig72-story-head-actions>.ig72-story-audience{
  margin:0!important;
  flex:0 0 31px!important;
}

/* Story send icon is an actual interactive control. */
html[data-social-app="instagram"] .ig72-story-footer>[data-story-share]{
  cursor:pointer!important;
  pointer-events:auto!important;
}

/* Shared story inside Instagram DM. */
html[data-social-app="instagram"] .ig72-dm-story-share-line{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share{
  max-width:min(78%,190px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-line.mine .ig72-dm-story-share{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-line.theirs .ig72-dm-story-share{
  align-items:flex-start!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-label{
  color:var(--ig-sub)!important;
  font-size:12.5px!important;
  line-height:16px!important;
  text-align:right!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-line.theirs .ig72-dm-story-share-label{
  text-align:left!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-card{
  position:relative!important;
  width:clamp(148px,42vw,180px)!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#111!important;
  box-shadow:0 1px 2px rgba(0,0,0,.14)!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-card>img:first-child{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-author{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:9px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.65)!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-author>img{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.8)!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-author>strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:15px!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-dm-story-share-caption{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:11px!important;
  color:#fff!important;
  text-align:center!important;
  font-size:12.5px!important;
  line-height:16px!important;
  text-shadow:0 1px 3px rgba(0,0,0,.8)!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
}


/* v82 — visited-profile button states + native Instagram DM palette. */
html[data-social-app="instagram"]{
  --ig-profile-button:#efeff0;
  --ig-dm-out:#6c4cff;
  --ig-dm-in:#eff0f4;
  --ig-dm-composer:#f5f5f7;
  --ig-dm-composer-icon:#111;
}
html[data-theme="dark"][data-social-app="instagram"]{
  --ig-profile-button:#2b2f33;
  --ig-dm-out:#6c4cff;
  --ig-dm-in:#272a2f;
  --ig-dm-composer:#1f2227;
  --ig-dm-composer-icon:#f5f5f5;
}

/* Follow stays blue; Following becomes the same neutral treatment as Message. */
html[data-social-app="instagram"] .ig72-profile-buttons{
  gap:8px!important;
  margin-top:13px!important;
}
html[data-social-app="instagram"] .ig72-profile-btn{
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  background:var(--ig-profile-button)!important;
  color:var(--ig-text)!important;
  box-sizing:border-box!important;
  font-weight:650!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html[data-social-app="instagram"] .ig72-profile-btn.primary{
  background:#0095f6!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-profile-btn.following{
  background:var(--ig-profile-button)!important;
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-profile-btn>span{
  display:block!important;
  line-height:1!important;
}
html[data-social-app="instagram"] .ig72-follow-chevron{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  margin-top:1px!important;
}

/* Visited profile rhythm. */
html[data-social-app="instagram"] .ig72-profile-visited{
  padding:14px 14px 12px!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-profile-main{
  gap:24px!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-bio{
  margin-top:13px!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-profile-name{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-stats strong{
  font-weight:650!important;
}

/* Instagram DMs use a violet outgoing bubble and neutral incoming bubble. */
html[data-social-app="instagram"] .ig72-dm-line>span:not(.ig72-avatar),
html[data-social-app="instagram"] .ig72-dm-story-text{
  background:var(--ig-dm-in)!important;
  color:var(--ig-text)!important;
  border-radius:19px!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-line.mine>span:not(.ig72-avatar),
html[data-social-app="instagram"] .ig72-dm-story-line.mine .ig72-dm-story-text{
  background:var(--ig-dm-out)!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-dm-line{
  margin:4px 0!important;
  gap:7px!important;
}
html[data-social-app="instagram"] .ig72-dm-line>span:not(.ig72-avatar){
  padding:10px 14px!important;
  max-width:78%!important;
}
html[data-social-app="instagram"] .ig72-dm-line>.ig72-avatar.tiny{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
}

/* Header scale and controls. */
html[data-social-app="instagram"] .ig72-dm-head{
  min-height:62px!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  gap:7px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
}
html[data-social-app="instagram"] .ig72-dm-head>button{
  min-width:38px!important;
  min-height:38px!important;
}
html[data-social-app="instagram"] .ig72-dm-head>button:nth-child(2){
  gap:10px!important;
}
html[data-social-app="instagram"] .ig72-dm-head .ig72-avatar.sm{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
}
html[data-social-app="instagram"] .ig72-dm-head strong{
  font-weight:650!important;
}

/* Composer becomes one soft Instagram capsule. */
html[data-social-app="instagram"] .ig72-dm-composer{
  min-height:56px!important;
  margin:7px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:28px!important;
  background:var(--ig-dm-composer)!important;
  grid-template-columns:30px 38px minmax(0,1fr) 32px auto!important;
  gap:6px!important;
  box-sizing:border-box!important;
}
html[data-social-app="instagram"] .ig72-dm-composer input{
  height:42px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ig-text)!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-composer input::placeholder{
  color:var(--ig-sub)!important;
  opacity:1!important;
}
html[data-social-app="instagram"] .ig72-dm-composer button{
  color:var(--ig-dm-composer-icon)!important;
}
html[data-social-app="instagram"] .ig72-dm-composer #ig72-dm-camera{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:var(--ig-dm-out)!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-dm-composer #ig72-dm-camera svg{
  width:23px!important;
  height:23px!important;
}
html[data-social-app="instagram"] .ig72-dm-composer #ig72-dm-photo,
html[data-social-app="instagram"] .ig72-dm-composer #ig72-dm-sender{
  width:30px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
}
html[data-social-app="instagram"] .ig72-dm-composer #ig72-dm-send{
  padding:0 6px!important;
  color:var(--ig-dm-out)!important;
  font-weight:700!important;
}

/* Story-share context inherits the same neutral metadata treatment. */
html[data-social-app="instagram"] .ig72-dm-story-share-label,
html[data-social-app="instagram"] .ig72-dm-story-context small{
  color:var(--ig-sub)!important;
}


/* v83 — reference-matched Instagram indigo + visited-profile type hierarchy. */
html[data-social-app="instagram"]{
  --ig-follow:#445cfc;
  --ig-dm-out:#6048f8;
}
html[data-theme="dark"][data-social-app="instagram"]{
  --ig-follow:#445cfc;
  --ig-dm-out:#6048f8;
}

/* Follow is the vivid indigo from the current Instagram reference. */
html[data-social-app="instagram"] .ig72-profile-btn.primary{
  background:var(--ig-follow)!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-profile-btn.primary,
html[data-social-app="instagram"] .ig72-profile-btn.following,
html[data-social-app="instagram"] .ig72-profile-buttons [data-dm-user]{
  font-weight:650!important;
  text-align:center!important;
  letter-spacing:-.005em!important;
}
html[data-social-app="instagram"] .ig72-profile-btn.following,
html[data-social-app="instagram"] .ig72-profile-buttons [data-dm-user]{
  background:var(--ig-profile-button)!important;
  color:var(--ig-text)!important;
}

/* Standalone/visited profile: explicit native hierarchy. */
html[data-social-app="instagram"] .ig72-detail-head{
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  text-align:center!important;
}
html[data-social-app="instagram"] .ig72-detail-head>strong,
html[data-social-app="instagram"] .ig72-detail-head>span:not(.ig72-avatar){
  justify-self:center!important;
  text-align:center!important;
  font-size:var(--yappy-social-title-size,20px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-profile-name{
  font-size:var(--yappy-social-body-size,17px)!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-stats strong{
  font-size:var(--yappy-social-body-size,17px)!important;
  line-height:1.15!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-stats small{
  margin-top:2px!important;
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:1.2!important;
  font-weight:400!important;
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-bio,
html[data-social-app="instagram"] .ig72-profile-visited .ig72-bio p{
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:var(--yappy-social-secondary-leading,20px)!important;
  font-weight:400!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-bio a{
  display:inline-block!important;
  margin-top:2px!important;
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:var(--yappy-social-secondary-leading,20px)!important;
  font-weight:650!important;
  color:#00376b!important;
}
html[data-theme="dark"][data-social-app="instagram"] .ig72-profile-visited .ig72-bio a{
  color:#e0f1ff!important;
}
html[data-social-app="instagram"] .ig72-profile-visited .ig72-profile-btn{
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:1!important;
}

/* DM text hierarchy follows the same global body/meta scale. */
html[data-social-app="instagram"] .ig72-dm-line>span:not(.ig72-avatar),
html[data-social-app="instagram"] .ig72-dm-story-text{
  font-size:var(--yappy-social-body-size,17px)!important;
  line-height:var(--yappy-social-body-leading,22px)!important;
}
html[data-social-app="instagram"] .ig72-dm-head strong{
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:1.2!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-dm-head small,
html[data-social-app="instagram"] .ig72-dm-story-share-label{
  font-size:var(--yappy-social-meta-size,12px)!important;
  line-height:1.25!important;
  font-weight:400!important;
}


/* v84 — native shared-post cards inside Instagram DMs. */
html[data-social-app="instagram"]{
  --ig-dm-post-card:#eff0f4;
  --ig-dm-post-card-border:rgba(0,0,0,.055);
}
html[data-theme="dark"][data-social-app="instagram"]{
  --ig-dm-post-card:#272a2f;
  --ig-dm-post-card-border:rgba(255,255,255,.055);
}

html[data-social-app="instagram"] .ig72-dm-post-share-line{
  position:relative!important;
  width:100%!important;
  align-items:flex-end!important;
  margin:10px 0 12px!important;
}
html[data-social-app="instagram"] .ig72-dm-post-share-line.mine{
  justify-content:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-post-share-line.theirs{
  justify-content:flex-start!important;
}
html[data-social-app="instagram"] .ig72-dm-post-share{
  position:relative!important;
  width:min(72%,248px)!important;
  max-width:248px!important;
  min-width:190px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
html[data-social-app="instagram"] .ig72-dm-post-share-line.mine .ig72-dm-post-share{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-post-share-line.theirs .ig72-dm-post-share{
  align-items:flex-start!important;
}

html[data-social-app="instagram"] .ig72-dm-post-card{
  width:100%!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--ig-dm-post-card-border)!important;
  border-radius:18px!important;
  background:var(--ig-dm-post-card)!important;
  color:var(--ig-text)!important;
  text-align:left!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-post-card-head{
  min-height:52px!important;
  padding:9px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
html[data-social-app="instagram"] .ig72-dm-post-card-head>img,
html[data-social-app="instagram"] .ig72-dm-post-avatar-fallback{
  width:33px!important;
  height:33px!important;
  flex:0 0 33px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:grid!important;
  place-items:center!important;
  background:#111!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
}
html[data-social-app="instagram"] .ig72-dm-post-card-head>strong{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:-.005em!important;
}
html[data-social-app="instagram"] .ig72-dm-post-verified{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#0095f6!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-style:normal!important;
}

html[data-social-app="instagram"] .ig72-dm-post-media{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  background:#111!important;
}
html[data-social-app="instagram"] .ig72-dm-post-media.ratio-square{
  aspect-ratio:1/1!important;
}
html[data-social-app="instagram"] .ig72-dm-post-media.ratio-45{
  aspect-ratio:4/5!important;
}
html[data-social-app="instagram"] .ig72-dm-post-media>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
html[data-social-app="instagram"] .ig72-dm-post-carousel{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.72))!important;
}
html[data-social-app="instagram"] .ig72-dm-post-carousel svg{
  width:21px!important;
  height:21px!important;
}
html[data-social-app="instagram"] .ig72-dm-post-missing{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:#aaa!important;
  font-size:12px!important;
}

html[data-social-app="instagram"] .ig72-dm-post-caption{
  padding:10px 12px 11px!important;
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:1.28!important;
  color:var(--ig-text)!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
html[data-social-app="instagram"] .ig72-dm-post-caption>b{
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-dm-post-caption>span{
  font-weight:400!important;
}

html[data-social-app="instagram"] .ig72-dm-post-reshare{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:var(--ig-dm-in)!important;
  color:var(--ig-text)!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-post-share-line.mine .ig72-dm-post-reshare{
  left:-48px!important;
}
html[data-social-app="instagram"] .ig72-dm-post-share-line.theirs .ig72-dm-post-reshare{
  right:-48px!important;
}
html[data-social-app="instagram"] .ig72-dm-post-reshare svg{
  width:22px!important;
  height:22px!important;
}

/* Incoming shared posts keep the sender avatar aligned to the lower edge. */
html[data-social-app="instagram"] .ig72-dm-post-share-line.theirs>.ig72-avatar.tiny{
  margin-bottom:2px!important;
}

/* Give richer cards a touch more room without making normal chat sparse. */
html[data-social-app="instagram"] .ig72-dm-list{
  padding-left:14px!important;
  padding-right:14px!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-dm-post-share{
    width:min(74%,228px)!important;
    max-width:228px!important;
    min-width:178px!important;
  }
  html[data-social-app="instagram"] .ig72-dm-post-share-line.mine .ig72-dm-post-reshare{
    left:-44px!important;
  }
  html[data-social-app="instagram"] .ig72-dm-post-share-line.theirs .ig72-dm-post-reshare{
    right:-44px!important;
  }
  html[data-social-app="instagram"] .ig72-dm-post-reshare{
    width:37px!important;
    height:37px!important;
  }
}


/* v85 — full-screen native Instagram Reels + safer profile stats. */

/* Reels canvas stays edge-to-edge; chrome is overlay-only. */
html[data-social-app="instagram"] .ig72-reels-shell{
  position:relative!important;
  background:#000!important;
  color:#fff!important;
  overflow:hidden!important;
}
html[data-social-app="instagram"] .ig72-reels{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow-y:auto!important;
  scroll-snap-type:y mandatory!important;
  overscroll-behavior-y:contain!important;
  background:#000!important;
  scrollbar-width:none!important;
}
html[data-social-app="instagram"] .ig72-reels::-webkit-scrollbar{display:none!important}
html[data-social-app="instagram"] .ig72-reel-card{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
  overflow:hidden!important;
  background:#111!important;
}
html[data-social-app="instagram"] .ig72-reel-card>.ig72-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  background:#111!important;
}
html[data-social-app="instagram"] .ig72-reel-card>.ig72-media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html[data-social-app="instagram"] .ig72-reel-card .ig72-carousel-count,
html[data-social-app="instagram"] .ig72-reel-card .ig72-carousel-nav,
html[data-social-app="instagram"] .ig72-reel-card .ig72-carousel-dots{
  display:none!important;
}
html[data-social-app="instagram"] .ig72-reel-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(to bottom,rgba(0,0,0,.26) 0%,rgba(0,0,0,0) 20%),
    linear-gradient(to top,rgba(0,0,0,.52) 0%,rgba(0,0,0,0) 42%)!important;
}

/* Header is pure text/icons over the reel, never a bar. */
html[data-social-app="instagram"] .ig72-reels-overlay-head{
  position:absolute!important;
  top:calc(var(--status-h,50px) + 7px)!important;
  left:14px!important;
  right:14px!important;
  z-index:20!important;
  height:42px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  pointer-events:none!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.38)!important;
}
html.app-standalone[data-social-app="instagram"] .ig72-reels-overlay-head{
  top:9px!important;
}
@media(display-mode:standalone){
  html[data-social-app="instagram"] .ig72-reels-overlay-head{
    top:9px!important;
  }
}
html[data-social-app="instagram"] .ig72-reels-overlay-head button{
  pointer-events:auto!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
}
html[data-social-app="instagram"] .ig72-reels-overlay-head button svg{
  width:29px!important;
  height:29px!important;
}
html[data-social-app="instagram"] .ig72-reels-switch{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
}
html[data-social-app="instagram"] .ig72-reels-switch strong,
html[data-social-app="instagram"] .ig72-reels-switch span{
  font-size:21px!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
html[data-social-app="instagram"] .ig72-reels-switch strong{
  font-weight:700!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-reels-switch span{
  font-weight:650!important;
  color:rgba(255,255,255,.63)!important;
}
html[data-social-app="instagram"] .ig72-reels-controls{
  justify-self:end!important;
}

/* All important Reel content stays clear of the floating bottom nav. */
html[data-social-app="instagram"] .ig72-reel-copy{
  position:absolute!important;
  left:15px!important;
  right:78px!important;
  bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  z-index:5!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
}
html[data-social-app="instagram"] .ig72-reel-author-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
html[data-social-app="instagram"] .ig72-reel-author{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-reel-author .ig72-avatar.sm{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
html[data-social-app="instagram"] .ig72-reel-author b{
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:19px!important;
  font-weight:700!important;
}
html[data-social-app="instagram"] .ig72-reel-follow{
  height:31px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.10)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-reel-copy p{
  margin:9px 0 6px!important;
  max-width:100%!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:400!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html[data-social-app="instagram"] .ig72-reel-copy small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11.5px!important;
  line-height:15px!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-reel-copy small svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}

html[data-social-app="instagram"] .ig72-reel-actions{
  position:absolute!important;
  right:12px!important;
  bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;
  z-index:6!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:17px!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
}
html[data-social-app="instagram"] .ig72-reel-actions>button{
  min-width:42px!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
html[data-social-app="instagram"] .ig72-reel-actions>button>svg{
  width:30px!important;
  height:30px!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))!important;
}
html[data-social-app="instagram"] .ig72-reel-actions>button>span{
  font-size:12px!important;
  line-height:14px!important;
  font-weight:600!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-reel-actions .liked{
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-reel-actions .liked>svg{
  color:#ff3040!important;
}
html[data-social-app="instagram"] .ig72-reel-actions .reposted>svg{
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-reel-audio-thumb{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin-top:1px!important;
  border:2px solid #fff!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#222!important;
}
html[data-social-app="instagram"] .ig72-reel-audio-thumb .ig72-avatar.tiny{
  width:100%!important;
  height:100%!important;
  border-radius:8px!important;
}

/* Keep the bottom navigation visible, glassy, and above the video. */
html[data-social-app="instagram"] #phone-screen:has(.ig72-reels-shell) #tabbar.ig72-tabs{
  z-index:40!important;
  background:rgba(28,28,28,.62)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
}
html[data-social-app="instagram"] #phone-screen:has(.ig72-reels-shell) #tabbar.ig72-tabs .tab-btn{
  color:#fff!important;
}
html[data-social-app="instagram"] #phone-screen:has(.ig72-reels-shell) #tabbar.ig72-tabs .tab-btn.active{
  background:rgba(255,255,255,.15)!important;
}
html[data-social-app="instagram"] #phone-screen:has(.ig72-reels-shell) #tabbar.ig72-tabs .ig72-tab-unread{
  border-color:rgba(28,28,28,.72)!important;
}

/* Profile stats: native number/label rhythm, same on every account. */
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats{
  gap:8px!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats span{
  align-items:center!important;
  justify-content:center!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats strong{
  margin:0!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats small{
  margin-top:3px!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-reels-switch{
    gap:13px!important;
  }
  html[data-social-app="instagram"] .ig72-reels-switch strong,
  html[data-social-app="instagram"] .ig72-reels-switch span{
    font-size:19px!important;
  }
  html[data-social-app="instagram"] .ig72-reel-copy{
    left:13px!important;
    right:72px!important;
    bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-social-app="instagram"] .ig72-reel-actions{
    right:9px!important;
    bottom:calc(91px + env(safe-area-inset-bottom,0px))!important;
    gap:15px!important;
  }
}


/* v86 — Reels in Home feed, safer Reels spacing, and a smaller bottom dock. */

/* Reels also appear naturally in Home as compact feed cards. */
html[data-social-app="instagram"] .ig72-feed-reel{
  background:var(--ig-bg)!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
  background:#111!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-media::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:108px!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,0))!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-media>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head{
  position:absolute!important;
  z-index:4!important;
  top:10px!important;
  left:11px!important;
  right:10px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author{
  min-width:0!important;
  gap:9px!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-avatar.sm{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border:1px solid rgba(255,255,255,.7)!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author>span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author strong{
  color:#fff!important;
  font-size:14px!important;
  line-height:17px!important;
  font-weight:700!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author small{
  max-width:190px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.9)!important;
  font-size:11px!important;
  line-height:14px!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head-actions .ig72-inline-follow{
  height:31px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.12)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head-actions>[data-post-more]{
  width:28px!important;
  height:30px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head-actions>[data-post-more] svg{
  width:22px!important;
  height:22px!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-badge{
  position:absolute!important;
  right:12px!important;
  bottom:12px!important;
  z-index:4!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(0,0,0,.42)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-badge svg{
  width:18px!important;
  height:18px!important;
}

/* Give the author/audio stack more air in fullscreen Reels. */
html[data-social-app="instagram"] .ig72-reel-author-row{
  margin-bottom:3px!important;
}
html[data-social-app="instagram"] .ig72-reel-author{
  gap:10px!important;
}
html[data-social-app="instagram"] .ig72-reel-author .ig72-avatar.sm{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}
html[data-social-app="instagram"] .ig72-reel-copy p{
  margin-top:10px!important;
  margin-bottom:2px!important;
}
html[data-social-app="instagram"] .ig72-reel-copy small{
  margin-top:8px!important;
  padding-top:0!important;
}

/* Bottom dock is intentionally smaller than the feed/profile version it replaced. */
html[data-social-app="instagram"] #tabbar.ig72-tabs{
  left:20px!important;
  right:20px!important;
  bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
  height:52px!important;
  min-height:52px!important;
  border-radius:27px!important;
  padding:0 4px!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn{
  height:44px!important;
  min-height:44px!important;
  margin:3px 0!important;
  border-radius:23px!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .tab-btn>svg,
html[data-social-app="instagram"] #tabbar.ig72-tabs .ig72-tab-icon-wrap>svg{
  width:25px!important;
  height:25px!important;
}
html[data-social-app="instagram"] #tabbar.ig72-tabs .ig72-tab-profile .ig72-avatar.tiny{
  width:27px!important;
  height:27px!important;
}

/* Never soften uploaded Instagram media at render time. */
html[data-social-app="instagram"] .ig72-media img,
html[data-social-app="instagram"] .ig72-feed-reel-media>img,
html[data-social-app="instagram"] .ig72-reel-card>.ig72-media>img,
html[data-social-app="instagram"] .ig72-story-bg{
  image-rendering:auto!important;
  filter:none!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] #tabbar.ig72-tabs{
    left:16px!important;
    right:16px!important;
  }
  html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author small{
    max-width:145px!important;
  }
}


/* v87 — Home-feed Reel identity floats directly on media, with only subtle shading. */
html[data-social-app="instagram"] .ig72-feed-reel-media::before{
  height:96px!important;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,.20) 0%,
    rgba(0,0,0,.09) 44%,
    rgba(0,0,0,0) 100%
  )!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head{
  top:12px!important;
  left:12px!important;
  right:11px!important;
  min-height:36px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  text-shadow:0 1px 2px rgba(0,0,0,.42)!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author,
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author>span,
html[data-social-app="instagram"] .ig72-feed-reel-head-actions{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author{
  gap:8px!important;
  padding:0!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-avatar.sm{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18)!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author>span:last-child{
  gap:0!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author strong{
  font-size:13.5px!important;
  line-height:16px!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head .ig72-author small{
  margin-top:1px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:10.5px!important;
  line-height:13px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.42)!important;
}
html[data-social-app="instagram"] .ig72-feed-reel-head-actions .ig72-inline-follow{
  background:rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}


/* v88 — final Instagram safe-area, Reels icon, and profile-stat geometry. */
html[data-social-app="instagram"]{
  --ig-safe-top:var(--status-h,50px)!important;
}

/* Search / Explore must always begin below Yappy's iOS status area. */
html[data-social-app="instagram"] .ig72-explore-head{
  box-sizing:border-box!important;
  min-height:calc(var(--ig-safe-top) + 52px)!important;
  flex:0 0 calc(var(--ig-safe-top) + 52px)!important;
  padding:calc(var(--ig-safe-top) + 8px) 12px 8px!important;
}

/* Every top-level Instagram header uses one status-bar clearance model. */
html[data-social-app="instagram"] .ig72-topbar,
html[data-social-app="instagram"] .ig72-profile-head,
html[data-social-app="instagram"] .ig72-detail-head,
html[data-social-app="instagram"] .ig72-dm-head{
  box-sizing:border-box!important;
  height:calc(var(--ig-safe-top) + 52px)!important;
  min-height:calc(var(--ig-safe-top) + 52px)!important;
  flex:0 0 calc(var(--ig-safe-top) + 52px)!important;
  padding-top:var(--ig-safe-top)!important;
}

/* Reels title/actions are pure overlay, but never allowed into the status bar. */
html[data-social-app="instagram"] .ig72-reels-overlay-head,
html.app-standalone[data-social-app="instagram"] .ig72-reels-overlay-head{
  top:calc(var(--ig-safe-top) + 7px)!important;
}
@media(display-mode:standalone){
  html[data-social-app="instagram"]{
    --ig-safe-top:var(--status-h,50px)!important;
  }
  html[data-social-app="instagram"] .ig72-reels-overlay-head{
    top:calc(var(--ig-safe-top) + 7px)!important;
  }
  html[data-social-app="instagram"] .ig72-explore-head{
    min-height:calc(var(--ig-safe-top) + 52px)!important;
    flex-basis:calc(var(--ig-safe-top) + 52px)!important;
    padding-top:calc(var(--ig-safe-top) + 8px)!important;
  }
}

/* Filled Reels glyph follows theme; media badges stay white. */
html[data-social-app="instagram"] .ig72-reels-fill-icon{
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-reels-fill-play{
  fill:var(--ig-bg)!important;
}
html[data-social-app="instagram"] .ig72-grid-reel .ig72-reels-fill-icon,
html[data-social-app="instagram"] .ig72-feed-reel-badge .ig72-reels-fill-icon{
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-grid-reel .ig72-reels-fill-play,
html[data-social-app="instagram"] .ig72-feed-reel-badge .ig72-reels-fill-play{
  fill:#343434!important;
}
html[data-social-app="instagram"] #phone-screen:has(.ig72-reels-shell) #tabbar.ig72-tabs .tab-btn.active .ig72-reels-fill-icon{
  color:#fff!important;
}
html[data-social-app="instagram"] #phone-screen:has(.ig72-reels-shell) #tabbar.ig72-tabs .tab-btn.active .ig72-reels-fill-play{
  fill:#3a3a3a!important;
}

/* Bring stats closer to the avatar and keep the three columns balanced. */
html[data-social-app="instagram"] .ig72-profile-main{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
}
html[data-social-app="instagram"] .ig72-profile-main>.ig72-avatar.profile{
  flex:0 0 auto!important;
}
html[data-social-app="instagram"] .ig72-profile-main>.ig72-stats{
  flex:0 1 250px!important;
  width:min(250px,calc(100% - 94px))!important;
  max-width:250px!important;
  margin:0!important;
  column-gap:7px!important;
}
html[data-social-app="instagram"] .ig72-profile-main>.ig72-stats>span{
  min-width:0!important;
  align-items:center!important;
  justify-content:center!important;
}
html[data-social-app="instagram"] .ig72-profile-main>.ig72-stats strong{
  margin:0!important;
  text-align:center!important;
}
html[data-social-app="instagram"] .ig72-profile-main>.ig72-stats small{
  margin-top:3px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-profile-main{
    gap:13px!important;
  }
  html[data-social-app="instagram"] .ig72-profile-main>.ig72-stats{
    flex-basis:230px!important;
    width:min(230px,calc(100% - 88px))!important;
    max-width:230px!important;
    column-gap:5px!important;
  }
}


/* v89 — Home status-bar field + truly responsive profile stats. */

/* Home feed owns a solid iOS status-bar field; Reels and other immersive views stay untouched. */
html[data-social-app="instagram"][data-theme="light"] #phone-screen:has(.ig72-home-scroll)>#statusbar.statusbar{
  background:#fff!important;
  color:#050505!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"][data-theme="dark"] #phone-screen:has(.ig72-home-scroll)>#statusbar.statusbar{
  background:#000!important;
  color:#f5f5f5!important;
  box-shadow:none!important;
}

/* Let stats consume every remaining pixel beside the avatar, like native Instagram. */
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main>.ig72-avatar.profile{
  grid-column:1!important;
  flex:none!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main>.ig72-stats{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:0!important;
  justify-self:stretch!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main>.ig72-stats>span{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main>.ig72-stats strong{
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main>.ig72-stats small{
  width:100%!important;
  margin-top:3px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main{
    column-gap:10px!important;
  }
  html[data-social-app="instagram"] .ig72-profile-own .ig72-profile-main>.ig72-stats>span{
    padding:0 1px!important;
  }
}


/* v90 — Home feed usernames use Instagram-like semibold weight. */
html[data-social-app="instagram"] .ig72-home-scroll .ig72-author strong,
html[data-social-app="instagram"] .ig72-home-scroll .ig72-feed-reel-head .ig72-author strong,
html[data-social-app="instagram"] .ig72-home-scroll .ig72-post-copy p>b{
  font-weight:600!important;
}


/* v85 — Instagram Story replies match native DM layout from device references.
   Context label lives above the portrait preview; the thin story rail sits beside
   the preview; the actual reply remains a separate normal DM bubble below. */
html[data-social-app="instagram"] .ig72-dm-story-line{
  width:100%!important;
  display:flex!important;
  align-items:flex-start!important;
  margin:18px 0 10px!important;
  gap:0!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.mine{
  justify-content:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs{
  justify-content:flex-start!important;
}
html[data-social-app="instagram"] .ig72-dm-story-reply{
  width:min(78%,290px)!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  min-width:0!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.mine .ig72-dm-story-reply{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs .ig72-dm-story-reply{
  align-items:flex-start!important;
}
html[data-social-app="instagram"] .ig72-dm-story-reply-label{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:var(--ig-sub)!important;
  background:none!important;
  font-size:var(--yappy-social-secondary-size,15px)!important;
  line-height:1.25!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs .ig72-dm-story-reply-label{
  margin-left:36px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context-shell{
  position:relative!important;
  display:flex!important;
  width:auto!important;
  margin:0 0 9px!important;
  box-sizing:border-box!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs .ig72-dm-story-context-shell{
  margin-left:36px!important;
  padding-left:8px!important;
  border-left:3px solid color-mix(in srgb,var(--ig-sub) 16%,transparent)!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.mine .ig72-dm-story-context-shell{
  padding-right:8px!important;
  border-right:3px solid color-mix(in srgb,var(--ig-sub) 16%,transparent)!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context{
  position:relative!important;
  width:clamp(104px,28vw,126px)!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:var(--ig-soft)!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html[data-social-app="instagram"] .ig72-dm-story-context>span{
  display:none!important;
}
html[data-social-app="instagram"] .ig72-dm-story-message-row{
  width:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
  min-width:0!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.mine .ig72-dm-story-message-row{
  justify-content:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs .ig72-dm-story-message-row{
  justify-content:flex-start!important;
}
html[data-social-app="instagram"] .ig72-dm-story-message-row>.ig72-avatar.tiny{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
}
html[data-social-app="instagram"] .ig72-dm-story-text{
  display:block!important;
  width:auto!important;
  max-width:calc(100% - 35px)!important;
  padding:10px 14px!important;
  border-radius:20px!important;
  font-size:var(--yappy-social-body-size,17px)!important;
  line-height:var(--yappy-social-body-leading,22px)!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.mine .ig72-dm-story-text{
  max-width:88%!important;
  background:var(--ig-dm-out)!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-dm-story-line.theirs .ig72-dm-story-text{
  background:var(--ig-dm-in)!important;
  color:var(--ig-text)!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-dm-story-reply{
    width:min(82%,270px)!important;
  }
  html[data-social-app="instagram"] .ig72-dm-story-context{
    width:clamp(98px,28vw,116px)!important;
  }
}


/* v72.4 — Instagram DM reply, reaction and pinned-message parity */
html[data-social-app="instagram"] .ig72-dm-message-block{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  position:relative;
  margin:6px 0;
  outline:0;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine{align-items:flex-end}
html[data-social-app="instagram"] .ig72-dm-message-block>.ig72-dm-line{
  width:100%;
  margin:0;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine>.ig72-dm-line{justify-content:flex-end}
html[data-social-app="instagram"] .ig72-dm-message-block.theirs>.ig72-dm-line{justify-content:flex-start}
html[data-social-app="instagram"] .ig72-dm-message-block.mine>.ig72-dm-line>span:not(.ig72-avatar){
  background:linear-gradient(135deg,#5b57ff 0%,#713cff 54%,#9a2ae8 100%);
  color:#fff;
}
html[data-social-app="instagram"] .ig72-dm-pinned{
  appearance:none;
  border:0;
  border-top:1px solid color-mix(in srgb,var(--ig-border) 74%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--ig-border) 74%,transparent);
  width:100%;
  min-height:56px;
  flex:0 0 56px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:13px;
  text-align:left;
  background:color-mix(in srgb,var(--ig-soft) 82%,var(--ig-bg));
  color:var(--ig-text);
}
html[data-social-app="instagram"] .ig72-dm-pinned-icon{
  width:28px;height:28px;flex:0 0 28px;
  display:grid;place-items:center;color:var(--ig-text);
}
html[data-social-app="instagram"] .ig72-dm-pinned-icon svg{width:23px;height:23px}
html[data-social-app="instagram"] .ig72-dm-pinned-copy{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:15px;line-height:20px;font-weight:600;
}
html[data-social-app="instagram"] .ig72-dm-pinned-meta{
  max-width:78%;
  margin:0 10px 5px;
  color:var(--ig-sub);
  font-size:11px;
  line-height:15px;
  font-weight:500;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-pinned-meta{text-align:right}
html[data-social-app="instagram"] .ig72-dm-reply-block{
  width:min(76%,340px);
  box-sizing:border-box;
  margin:1px 8px 7px;
  color:var(--ig-sub);
}
html[data-social-app="instagram"] .ig72-dm-reply-block.theirs{
  padding-left:10px;
  border-left:3px solid color-mix(in srgb,var(--ig-sub) 16%,transparent);
}
html[data-social-app="instagram"] .ig72-dm-reply-block.mine{
  padding-right:10px;
  border-right:3px solid color-mix(in srgb,var(--ig-sub) 16%,transparent);
  text-align:right;
}
html[data-social-app="instagram"] .ig72-dm-reply-block>small{
  display:block;
  margin:0 1px 6px;
  font-size:11px;
  line-height:15px;
  color:var(--ig-sub);
}
html[data-social-app="instagram"] .ig72-dm-reply-quote{
  appearance:none;
  border:0;
  max-width:100%;
  padding:9px 12px;
  border-radius:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:inherit;
  font-size:13px;
  line-height:17px;
  text-align:left;
  color:var(--ig-sub);
  background:var(--ig-soft);
}
html[data-social-app="instagram"] .ig72-dm-reply-block.target-mine .ig72-dm-reply-quote{
  color:#fff;
  background:linear-gradient(135deg,rgba(91,87,255,.56),rgba(154,42,232,.52));
}
html[data-social-app="instagram"] .ig72-dm-reaction-chip{
  min-width:29px;height:29px;
  margin-top:-7px;
  padding:0 7px;
  border-radius:999px;
  display:grid;place-items:center;
  box-sizing:border-box;
  background:color-mix(in srgb,var(--ig-bg) 96%,#eef0f4);
  border:1px solid color-mix(in srgb,var(--ig-border) 84%,transparent);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  font-size:16px;
  line-height:1;
  z-index:3;
}
html[data-social-app="instagram"] .ig72-dm-message-block.theirs .ig72-dm-reaction-chip{margin-left:37px}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-reaction-chip{margin-right:5px}
html[data-social-app="instagram"] .ig72-dm-compose-reply{
  grid-column:1/-1;
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  padding:7px 10px 8px;
  margin-bottom:1px;
  border-bottom:1px solid color-mix(in srgb,var(--ig-border) 72%,transparent);
}
html[data-social-app="instagram"] .ig72-dm-compose-reply>div{
  min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;
  padding-left:8px;border-left:3px solid #7a4cff;
}
html[data-social-app="instagram"] .ig72-dm-compose-reply small{
  color:var(--ig-sub);font-size:10px;line-height:13px;
}
html[data-social-app="instagram"] .ig72-dm-compose-reply strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ig-text);font-size:12px;line-height:16px;font-weight:500;
}
html[data-social-app="instagram"] .ig72-dm-compose-reply>button{
  width:28px;height:28px;border-radius:50%;font-size:22px!important;
  color:var(--ig-sub)!important;font-weight:400!important;
}
html[data-social-app="instagram"] .ig72-dm-composer.has-reply{
  min-height:88px;
  grid-template-rows:auto 38px;
}
html[data-social-app="instagram"] .ig72-dm-reaction-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:6px;
  margin:4px 0 12px;
}
html[data-social-app="instagram"] .ig72-dm-reaction-grid>button{
  height:44px;border:1px solid var(--ig-border);border-radius:14px;
  background:var(--ig-bg);font-size:22px;
}
html[data-social-app="instagram"] .ig72-dm-reaction-grid>button.selected{
  border-color:#7a4cff;
  background:color-mix(in srgb,#7a4cff 10%,var(--ig-bg));
  transform:scale(1.04);
}
html[data-social-app="instagram"] .ig72-dm-action-card{margin:0 0 12px}
html[data-social-app="instagram"] .ig72-dm-focus-flash{
  animation:ig72DmFocusFlash .9s ease-out;
}
@keyframes ig72DmFocusFlash{
  0%{filter:brightness(1);transform:scale(1)}
  25%{filter:brightness(.92);transform:scale(1.012)}
  100%{filter:brightness(1);transform:scale(1)}
}


/* v72.5 — compact DM rhythm + full-size incoming avatars */
/* Normal messages return to the compact rhythm from before reply/reaction wrappers. */
html[data-social-app="instagram"] .ig72-dm-message-block{
  margin:2px 0!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.has-reaction{
  margin-bottom:14px!important;
}

/* Reaction floats against the bubble instead of consuming a whole extra row. */
html[data-social-app="instagram"] .ig72-dm-reaction-chip{
  position:absolute!important;
  bottom:-12px!important;
  margin:0!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.theirs .ig72-dm-reaction-chip{
  left:40px!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-reaction-chip{
  right:5px!important;
}

/* Incoming avatars should read like Instagram chat avatars, not tiny icon chips. */
html[data-social-app="instagram"] .ig72-dm-message-block.theirs>.ig72-dm-line>.ig72-avatar.tiny,
html[data-social-app="instagram"] .ig72-dm-story-message-row>.ig72-avatar.tiny{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.theirs>.ig72-dm-line>.ig72-avatar.tiny>img,
html[data-social-app="instagram"] .ig72-dm-story-message-row>.ig72-avatar.tiny>img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  display:block!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.theirs>.ig72-dm-line{
  gap:8px!important;
}

/* Reply context can breathe, but ordinary back-to-back messages stay tight. */
html[data-social-app="instagram"] .ig72-dm-message-block.has-reply{
  margin-top:5px!important;
}


/* v72.6 — native compact reaction chip + bubble-anchored placement */
/* Older DM rules still had !important margin on every line. Override it here. */
html[data-social-app="instagram"] .ig72-dm-message-block{
  margin:2px 0!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block>.ig72-dm-line{
  margin:0!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.has-reaction{
  margin-bottom:10px!important;
}

/* Anchor reaction to the actual visual bubble/card, not the full-width message row. */
html[data-social-app="instagram"] .ig72-dm-bubble-anchor{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  max-width:100%!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-bubble-anchor{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-bubble-anchor>.ig72-dm-reaction-chip{
  position:absolute!important;
  left:5px!important;
  right:auto!important;
  bottom:-9px!important;
  width:23px!important;
  min-width:23px!important;
  height:23px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  line-height:1!important;
  background:color-mix(in srgb,var(--ig-bg) 97%,#eef0f4)!important;
  border:1px solid color-mix(in srgb,var(--ig-border) 86%,transparent)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.10)!important;
  z-index:4!important;
}

/* Plain text bubble keeps the same dimensions as before the reaction wrapper. */
html[data-social-app="instagram"] .ig72-dm-text-bubble{
  display:block!important;
  max-width:min(78vw,340px)!important;
  padding:10px 14px!important;
  border-radius:19px!important;
  font-size:15px!important;
  line-height:20px!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
  background:var(--ig-dm-in)!important;
  color:var(--ig-text)!important;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-text-bubble{
  background:var(--ig-dm-out)!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-dm-bubble-anchor>.ig72-dm-image{
  width:auto!important;
  max-width:min(78vw,340px)!important;
}

/* v72.5 positioned reaction relative to the message block. It no longer applies. */
html[data-social-app="instagram"] .ig72-dm-message-block>.ig72-dm-reaction-chip{
  display:none!important;
}


/* v88 — Instagram social-token tint. Feed captions, comments, reels and profile bios
   mirror Instagram's link treatment; Story overlay captions intentionally stay white. */
html[data-theme="light"][data-social-app="instagram"] .ig72-hashtag,
html[data-theme="light"][data-social-app="instagram"] .ig72-mention{
  color:#00376b!important;
  font:inherit;
}
html[data-theme="dark"][data-social-app="instagram"] .ig72-hashtag,
html[data-theme="dark"][data-social-app="instagram"] .ig72-mention{
  color:#e0f1ff!important;
  font:inherit;
}


/* v87 — Story bottom controls follow the app surface, not a second iOS safe-area.
   In installed/A2HS mode the Yappy canvas already paints through the physical
   home-indicator region. Adding env(safe-area-inset-bottom) again pushed the
   Send message row noticeably too high versus Instagram's native Story UI. */
html[data-social-app="instagram"]{
  --ig72-story-footer-bottom:calc(18px + env(safe-area-inset-bottom,0px));
}

html[data-social-app="instagram"] .ig72-story-footer{
  bottom:var(--ig72-story-footer-bottom)!important;
}

html[data-social-app="instagram"] .ig72-story-views{
  bottom:calc(var(--ig72-story-footer-bottom) + 48px)!important;
}

html[data-social-app="instagram"] .ig72-story-caption{
  bottom:calc(var(--ig72-story-footer-bottom) + 76px)!important;
}

@media (max-width:780px){
  html.app-standalone[data-social-app="instagram"]{
    --ig72-story-footer-bottom:clamp(
      10px,
      calc(var(--native-safe-bottom-resolved, env(safe-area-inset-bottom,0px)) - 22px),
      14px
    );
  }

  html.app-standalone[data-social-app="instagram"] .ig72-story-footer{
    left:12px!important;
    right:12px!important;
    gap:10px!important;
  }

  html.app-standalone[data-social-app="instagram"] .ig72-story-footer>.ig72-story-reply-box{
    height:40px!important;
  }

  html.app-standalone[data-social-app="instagram"] .ig72-story-footer>[data-story-like],
  html.app-standalone[data-social-app="instagram"] .ig72-story-footer>[data-story-share]{
    width:36px!important;
    height:40px!important;
    flex:0 0 36px!important;
    display:grid!important;
    place-items:center!important;
  }
}

@media (max-width:780px) and (display-mode:standalone),
       (max-width:780px) and (display-mode:fullscreen){
  html[data-social-app="instagram"]{
    --ig72-story-footer-bottom:clamp(
      10px,
      calc(var(--native-safe-bottom-resolved, env(safe-area-inset-bottom,0px)) - 22px),
      14px
    );
  }
}


/* v72.9 — refined Instagram Notes: readable 3-line tray previews, text/music composer,
   WhatsApp bubble-palette parity, contrast-aware colors, note detail/replies, and DM context. */
html[data-social-app="instagram"] .ig72-notes{
  gap:18px!important;
  padding:10px 14px 18px!important;
  overflow-y:visible!important;
}
html[data-social-app="instagram"] .ig72-note{
  width:94px!important;
  flex:0 0 94px!important;
  min-height:126px;
  padding:46px 0 0!important;
  gap:5px!important;
  overflow:visible;
}
html[data-social-app="instagram"] .ig72-note .ig72-avatar.note{
  width:68px!important;
  height:68px!important;
  flex:0 0 68px;
}
html[data-social-app="instagram"] .ig72-note-bubble{
  top:0!important;
  left:50%!important;
  transform:translateX(-50%);
  width:max-content!important;
  max-width:118px!important;
  min-width:78px!important;
  min-height:42px;
  box-sizing:border-box;
  padding:8px 10px!important;
  border-radius:17px!important;
  border:1px solid color-mix(in srgb,var(--ig-note-fg,#111) 10%,transparent)!important;
  background:var(--ig-note-bg,var(--ig-soft))!important;
  color:var(--ig-note-fg,var(--ig-text))!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  box-shadow:0 4px 13px rgba(0,0,0,.08);
  text-align:center;
}
html[data-social-app="instagram"] .ig72-note-bubble::after{
  content:"";
  position:absolute;
  left:18px;
  bottom:-7px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ig-note-bg,var(--ig-soft));
  border:1px solid color-mix(in srgb,var(--ig-note-fg,#111) 10%,transparent);
}
html[data-social-app="instagram"] .ig72-note.is-empty .ig72-note-bubble{
  --ig-note-bg:var(--ig-soft);
  --ig-note-fg:var(--ig-sub);
  box-shadow:none;
}
html[data-social-app="instagram"] .ig72-note-bubble-text{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-size:10.5px;
  line-height:13px;
  font-weight:500;
  max-height:39px;
}
html[data-social-app="instagram"] .ig72-note-music.tray{
  display:block;
  max-width:96px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8.5px;
  line-height:10px;
  opacity:.76;
}
html[data-social-app="instagram"] .ig72-note-name{
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  line-height:14px;
}

/* Note composer */
html[data-social-app="instagram"] .ig72-note-editor{
  display:flex;
  flex-direction:column;
  gap:2px;
}
html[data-social-app="instagram"] .ig72-note-editor-preview{
  min-height:154px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:14px 12px 20px;
}
html[data-social-app="instagram"] .ig72-note-editor-preview .ig72-avatar.note{
  width:90px!important;
  height:90px!important;
  font-size:24px!important;
}
html[data-social-app="instagram"] .ig72-note-editor-bubble{
  position:absolute;
  left:50%;
  top:2px;
  transform:translateX(-50%);
  width:min(236px,78%);
  min-height:58px;
  padding:12px 15px;
  box-sizing:border-box;
  border-radius:20px;
  background:var(--ig-note-bg);
  color:var(--ig-note-fg);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
html[data-social-app="instagram"] .ig72-note-editor-bubble::after{
  content:"";
  position:absolute;
  bottom:-8px;
  left:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateX(-30px);
  background:var(--ig-note-bg);
}
html[data-social-app="instagram"] .ig72-note-editor-bubble>span{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  font-size:15px;
  line-height:19px;
  font-weight:500;
}
html[data-social-app="instagram"] .ig72-note-editor-bubble>small{
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:10.5px;
  line-height:13px;
  opacity:.78;
}
html[data-social-app="instagram"] .ig72-note-textarea{
  min-height:78px!important;
  resize:none!important;
  padding-top:10px!important;
  line-height:19px!important;
}
html[data-social-app="instagram"] .ig72-note-count{
  margin:-4px 2px 6px;
  text-align:right;
  color:var(--ig-sub);
  font-size:10.5px;
}
html[data-social-app="instagram"] .ig72-note-music-fields{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);
  gap:7px;
}
html[data-social-app="instagram"] .ig72-note-music-fields .text-field{
  min-width:0;
}
html[data-social-app="instagram"] .ig72-note-palette{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:11px 9px;
  margin:7px 0 16px;
}
html[data-social-app="instagram"] .ig72-note-swatch{
  position:relative;
  width:40px;
  height:40px;
  max-width:100%;
  justify-self:center;
  border-radius:50%;
  border:1px solid rgba(120,120,128,.20);
  background:var(--swatch);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  padding:0;
}
html[data-social-app="instagram"] .ig72-note-swatch:active{transform:scale(.94)}
html[data-social-app="instagram"] .ig72-note-swatch.selected{
  border-color:rgba(0,0,0,.30);
  box-shadow:0 0 0 3px var(--sheet-bg,var(--ig-bg)),0 0 0 5px var(--ig-text),inset 0 0 0 1px rgba(255,255,255,.24);
}
html[data-social-app="instagram"] .ig72-note-swatch.selected::after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:var(--swatch-check,#111);
  font-size:17px;
  font-weight:800;
}

/* Note detail / reply bottom sheet */
html[data-social-app="instagram"] .ig72-note-view{
  padding:2px 0 max(8px,env(safe-area-inset-bottom,0px));
}
html[data-social-app="instagram"] .ig72-note-view-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin:4px 0 16px;
}
html[data-social-app="instagram"] .ig72-note-view-head>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px;
}
html[data-social-app="instagram"] .ig72-note-view-head strong{
  font-size:14px;
  line-height:18px;
}
html[data-social-app="instagram"] .ig72-note-view-head small{
  color:var(--ig-sub);
  font-size:11px;
}
html[data-social-app="instagram"] .ig72-note-view-head>button{
  border:0;
  background:none;
  color:var(--ig-blue);
  font-weight:600;
  font-size:12px;
}
html[data-social-app="instagram"] .ig72-note-view-card{
  max-width:88%;
  margin:0 auto 18px;
  padding:17px 18px;
  border-radius:24px;
  background:var(--ig-note-bg);
  color:var(--ig-note-fg);
  text-align:center;
  box-shadow:0 5px 18px rgba(0,0,0,.09);
}
html[data-social-app="instagram"] .ig72-note-view-text{
  font-size:17px;
  line-height:22px;
  overflow-wrap:anywhere;
}
html[data-social-app="instagram"] .ig72-note-music.detail{
  display:block;
  margin-top:7px;
  font-size:11px;
  line-height:14px;
  opacity:.78;
}
html[data-social-app="instagram"] .ig72-note-reply-block{
  margin:4px 0 16px;
}
html[data-social-app="instagram"] .ig72-note-reply-sender{
  margin:0 0 8px!important;
}
html[data-social-app="instagram"] .ig72-note-reply-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
html[data-social-app="instagram"] .ig72-note-reply-row input{
  min-width:0;
  height:42px;
  border:1px solid var(--ig-border);
  border-radius:21px;
  background:var(--ig-soft);
  color:var(--ig-text);
  outline:0;
  padding:0 14px;
  font-size:14px;
}
html[data-social-app="instagram"] .ig72-note-reply-row button{
  border:0;
  background:none;
  color:var(--ig-blue);
  font-size:12px;
  font-weight:700;
  padding:8px 2px;
}
html[data-social-app="instagram"] .ig72-note-delete{
  width:100%;
  border:0;
  background:none;
  color:#ff3b30;
  font-size:13px;
  font-weight:600;
  padding:14px 0 5px;
}

/* Note replies inside DMs */
html[data-social-app="instagram"] .ig72-dm-note-line{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-note-reply{
  max-width:min(78vw,310px);
  display:flex;
  flex-direction:column;
  gap:7px;
}
html[data-social-app="instagram"] .ig72-dm-note-reply-label{
  color:var(--ig-sub);
  font-size:11px;
  line-height:14px;
  padding:0 4px;
}
html[data-social-app="instagram"] .ig72-dm-note-context-wrap{
  display:flex;
  align-items:flex-end;
  gap:7px;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-note-context-wrap{
  justify-content:flex-end;
}
html[data-social-app="instagram"] .ig72-dm-note-context{
  min-width:126px;
  max-width:210px;
  padding:12px 14px;
  border-radius:20px;
  background:var(--ig-note-bg);
  color:var(--ig-note-fg);
  display:flex;
  flex-direction:column;
  gap:5px;
  text-align:center;
}
html[data-social-app="instagram"] .ig72-dm-note-context>span{
  font-size:13px;
  line-height:17px;
  overflow-wrap:anywhere;
}
html[data-social-app="instagram"] .ig72-dm-note-context>small{
  font-size:9.5px;
  line-height:12px;
  opacity:.76;
}
html[data-social-app="instagram"] .ig72-dm-note-message-row{
  display:flex;
  align-items:flex-end;
  gap:5px;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-note-message-row{
  justify-content:flex-end;
}
html[data-social-app="instagram"] .ig72-dm-note-text{
  max-width:75%;
  padding:9px 12px;
  border-radius:18px;
  background:var(--ig-soft);
  color:var(--ig-text);
  font-size:13px;
  line-height:17px;
}
html[data-social-app="instagram"] .ig72-dm-message-block.mine .ig72-dm-note-text{
  background:#3797f0;
  color:#fff;
}

@media(max-width:420px){
  html[data-social-app="instagram"] .ig72-note-palette{grid-template-columns:repeat(5,minmax(0,1fr))}
  html[data-social-app="instagram"] .ig72-note-music-fields{grid-template-columns:1fr}
}


/* v72.10 — native Instagram Note reply context inside DMs.
   Matches the real Notes reply rhythm: context label, slim thread rail, Note bubble + avatar,
   then the actual reply bubble beneath it. */
html[data-social-app="instagram"] .ig72-dm-note-time{
  width:100%;
  margin:12px 0 10px;
  text-align:center;
  color:var(--ig-sub);
  font-size:12px;
  line-height:16px;
}
html[data-social-app="instagram"] .ig72-dm-note-line{
  align-items:flex-end!important;
  margin:0 0 8px!important;
}
html[data-social-app="instagram"] .ig72-dm-note-line .ig72-dm-bubble-anchor{
  width:min(84%,350px)!important;
}
html[data-social-app="instagram"] .ig72-dm-note-line.mine .ig72-dm-bubble-anchor{
  align-items:flex-end!important;
}
html[data-social-app="instagram"] .ig72-dm-note-line.theirs .ig72-dm-bubble-anchor{
  align-items:flex-start!important;
}
html[data-social-app="instagram"] .ig72-dm-note-thread{
  position:relative;
  width:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:8px;
}
html[data-social-app="instagram"] .ig72-dm-note-line.mine .ig72-dm-note-thread{
  align-items:flex-end;
  padding-right:14px;
}
html[data-social-app="instagram"] .ig72-dm-note-line.theirs .ig72-dm-note-thread{
  align-items:flex-start;
  padding-left:14px;
}
html[data-social-app="instagram"] .ig72-dm-note-thread::before{
  content:"";
  position:absolute;
  top:28px;
  bottom:45px;
  width:4px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ig-sub) 15%,transparent);
}
html[data-social-app="instagram"] .ig72-dm-note-line.mine .ig72-dm-note-thread::before{right:0}
html[data-social-app="instagram"] .ig72-dm-note-line.theirs .ig72-dm-note-thread::before{left:0}

html[data-social-app="instagram"] .ig72-dm-note-reply-label{
  display:block;
  margin:0 2px 2px;
  color:var(--ig-sub)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:400!important;
}
html[data-social-app="instagram"] .ig72-dm-note-line.mine .ig72-dm-note-reply-label{text-align:right}
html[data-social-app="instagram"] .ig72-dm-note-line.theirs .ig72-dm-note-reply-label{text-align:left}

html[data-social-app="instagram"] .ig72-dm-note-context-stack{
  position:relative;
  width:min(190px,68%);
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:0 0 2px;
}
html[data-social-app="instagram"] .ig72-dm-note-line.mine .ig72-dm-note-context-stack{margin-right:18px}
html[data-social-app="instagram"] .ig72-dm-note-line.theirs .ig72-dm-note-context-stack{margin-left:18px}

html[data-social-app="instagram"] .ig72-dm-note-context{
  width:100%;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box;
  padding:11px 13px!important;
  border-radius:19px!important;
  background:color-mix(in srgb,var(--ig-note-bg) 18%,var(--ig-soft))!important;
  color:var(--ig-text)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  text-align:center!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-note-context>span{
  font-size:14px!important;
  line-height:18px!important;
  font-weight:400!important;
  overflow-wrap:anywhere!important;
}
html[data-social-app="instagram"] .ig72-dm-note-context>small{
  font-size:10px!important;
  line-height:13px!important;
  color:var(--ig-sub)!important;
  opacity:1!important;
}
html[data-social-app="instagram"] .ig72-dm-note-tail-dot{
  width:11px;
  height:11px;
  margin-top:5px;
  border-radius:50%;
  background:color-mix(in srgb,var(--ig-note-bg) 18%,var(--ig-soft));
}
html[data-social-app="instagram"] .ig72-dm-note-context-stack>.ig72-avatar.note-reply{
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  margin-top:4px;
  border:0!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-note-context-stack>.ig72-avatar.note-reply>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

html[data-social-app="instagram"] .ig72-dm-note-message-row{
  width:100%;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  margin-top:2px;
}
html[data-social-app="instagram"] .ig72-dm-note-line.mine .ig72-dm-note-message-row{justify-content:flex-end!important}
html[data-social-app="instagram"] .ig72-dm-note-line.theirs .ig72-dm-note-message-row{justify-content:flex-start!important}
html[data-social-app="instagram"] .ig72-dm-note-message-row>.ig72-avatar.tiny{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border:0!important;
  padding:0!important;
}
html[data-social-app="instagram"] .ig72-dm-note-text{
  display:block!important;
  width:auto!important;
  max-width:78%!important;
  padding:10px 14px!important;
  border-radius:20px!important;
  font-size:15px!important;
  line-height:20px!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
html[data-social-app="instagram"] .ig72-dm-note-line.mine .ig72-dm-note-text{
  background:linear-gradient(135deg,#5b57ff 0%,#713cff 54%,#9a2ae8 100%)!important;
  color:#fff!important;
}
html[data-social-app="instagram"] .ig72-dm-note-line.theirs .ig72-dm-note-text{
  background:var(--ig-dm-in)!important;
  color:var(--ig-text)!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-dm-note-line .ig72-dm-bubble-anchor{
    width:min(86%,320px)!important;
  }
  html[data-social-app="instagram"] .ig72-dm-note-context-stack{
    width:min(176px,70%)!important;
  }
  html[data-social-app="instagram"] .ig72-dm-note-context-stack>.ig72-avatar.note-reply{
    width:70px!important;
    height:70px!important;
    flex-basis:70px!important;
  }
}


/* v72.11 — Instagram Notes dark-mode tray parity + breathing room.
   Mirrors the tighter, darker native Notes bubbles while keeping the tray readable. */
html[data-social-app="instagram"] .ig72-message-list>.ig72-searchbox{
  margin:10px 14px 16px!important;
}

html[data-social-app="instagram"] .ig72-notes{
  gap:22px!important;
  padding:14px 16px 28px!important;
  overflow-y:visible!important;
}

html[data-social-app="instagram"] .ig72-note{
  width:98px!important;
  flex:0 0 98px!important;
  min-height:134px!important;
  padding:49px 0 0!important;
  gap:7px!important;
}

html[data-social-app="instagram"] .ig72-note .ig72-avatar.note{
  width:70px!important;
  height:70px!important;
  flex:0 0 70px!important;
}

html[data-social-app="instagram"] .ig72-note-bubble{
  max-width:92px!important;
  min-width:60px!important;
  min-height:42px!important;
  padding:8px 10px!important;
  border-radius:18px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.08)!important;
}

html[data-social-app="instagram"] .ig72-note-bubble-text{
  -webkit-line-clamp:4!important;
  line-clamp:4!important;
  max-height:48px!important;
  font-size:10.25px!important;
  line-height:12px!important;
  font-weight:500!important;
  letter-spacing:-.01em;
}

html[data-social-app="instagram"] .ig72-note-music.tray{
  max-width:78px!important;
  font-size:8px!important;
  line-height:10px!important;
}

html[data-social-app="instagram"] .ig72-note-name{
  margin-top:3px!important;
  font-size:10.5px!important;
  line-height:13px!important;
  font-weight:500!important;
}

html[data-social-app="instagram"] .ig72-section-row{
  padding:8px 16px 13px!important;
}

html[data-social-app="instagram"] .ig72-section-row{
  font-size:13.5px!important;
}

html[data-social-app="instagram"] .ig72-section-row button{
  font-size:12.5px!important;
}

/* Default Notes become the same deep slate used by Instagram in dark mode.
   User-selected palette colors stay intact. */
html[data-theme="dark"][data-social-app="instagram"] .ig72-note.note-default-color .ig72-note-bubble,
html[data-theme="dark"][data-social-app="instagram"] .ig72-note-view-card.note-default-color,
html[data-theme="dark"][data-social-app="instagram"] .ig72-note-editor-bubble.note-default-color,
html[data-theme="dark"][data-social-app="instagram"] .ig72-dm-note-context.note-default-color{
  --ig-note-bg:#2f343d!important;
  --ig-note-fg:#f5f5f7!important;
  background:#2f343d!important;
  color:#f5f5f7!important;
  border-color:rgba(255,255,255,.12)!important;
}

html[data-theme="dark"][data-social-app="instagram"] .ig72-note.note-default-color .ig72-note-bubble{
  box-shadow:0 5px 16px rgba(0,0,0,.28)!important;
}

html[data-theme="dark"][data-social-app="instagram"] .ig72-note.note-default-color .ig72-note-bubble::after{
  background:#2f343d!important;
  border-color:rgba(255,255,255,.12)!important;
}

html[data-theme="dark"][data-social-app="instagram"] .ig72-note.note-default-color .ig72-note-bubble-text,
html[data-theme="dark"][data-social-app="instagram"] .ig72-note.note-default-color .ig72-note-music.tray{
  color:#f5f5f7!important;
}

html[data-theme="dark"][data-social-app="instagram"] .ig72-note.note-default-color .ig72-note-music.tray{
  opacity:.72!important;
}

html[data-theme="dark"][data-social-app="instagram"] .ig72-note.is-empty .ig72-note-bubble{
  background:#242832!important;
  color:#aeb4c0!important;
  border-color:rgba(255,255,255,.08)!important;
}

@media(max-width:390px){
  html[data-social-app="instagram"] .ig72-notes{
    gap:18px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html[data-social-app="instagram"] .ig72-note{
    width:94px!important;
    flex-basis:94px!important;
  }
  html[data-social-app="instagram"] .ig72-note-bubble{
    max-width:88px!important;
  }
}