:root{
  color-scheme:dark;
  --bg:#000;
  --surface:#0b0b0d;
  --surface-2:#111114;
  --surface-3:#17171b;
  --elevated:#1c1c20;
  --text:#f5f5f7;
  --muted:#8e8e93;
  --muted-2:#636366;
  --line:rgba(255,255,255,.085);
  --line-strong:rgba(255,255,255,.14);
  --white:#fff;
  --black:#050505;
  --accent:#d9e7ff;
  --success:#8fd8b4;
  --danger:#ff7d7d;
  --radius-xl:30px;
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --ease:cubic-bezier(.22,1,.36,1);
  --nav-h:78px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-top:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:#000;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif;font-size:16px;line-height:1.4;overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.45;cursor:default}
img{display:block;max-width:100%}
a{color:inherit}
.hidden{display:none!important}
.app-shell{width:min(100%,720px);min-height:100dvh;margin:0 auto;padding:calc(16px + var(--safe-top)) 18px calc(var(--nav-h) + 30px + var(--safe-bottom));position:relative;isolation:isolate}
.app-shell::before{content:"";position:fixed;z-index:-2;inset:-20vh -20vw auto;height:70vh;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.065),transparent 58%);pointer-events:none}
.app-shell::after{content:"";position:fixed;z-index:-1;left:10%;right:10%;top:18%;height:34vh;background:radial-gradient(circle at 50% 50%,rgba(104,132,166,.055),transparent 64%);filter:blur(20px);pointer-events:none}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 26px;min-height:66px}
.topbar h1{margin:2px 0 0;font-size:clamp(30px,7vw,43px);letter-spacing:-1.8px;line-height:.98;font-weight:760}
.eyebrow,.hero-kicker,.trend-label{font-size:11px;font-weight:750;letter-spacing:.19em;text-transform:uppercase;color:#b7b7bd}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#e9e9ed;margin:9px 0 0 4px;box-shadow:0 0 0 6px rgba(255,255,255,.04)}
.top-actions{display:flex;gap:9px}
.icon-btn,.back-btn{width:48px;height:48px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:var(--text);display:grid;place-items:center;font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}
.icon-btn:active,.back-btn:active{transform:scale(.94);background:rgba(255,255,255,.1)}
.mode-banner{margin:-8px 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#0f0f12;color:#c6c6ca;font-size:12px}
main{position:relative}
.view{display:none;opacity:0;transform:translateY(8px)}
.view.active{display:block;animation:viewIn .34s var(--ease) both}
@keyframes viewIn{to{opacity:1;transform:none}}
body.nav-busy .view.active{pointer-events:none}
h2,h3,p{margin-top:0}
.section-head,.stories-head,.view-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.section-head{margin:30px 2px 14px}.section-head.compact{margin:0 0 12px}
.stories-head{margin:0 2px 14px}.stories-head h2,.section-head h2{margin:0;font-size:24px;letter-spacing:-.8px}
.text-btn{border:0;background:transparent;color:#e9e9ed;font-weight:650;padding:8px 4px;font-size:14px}
.text-btn:active{opacity:.58}
.glass,.panel,.analytics-widget,.trend-radar,.home-trend-card,.activity-card{background:linear-gradient(145deg,rgba(26,26,30,.96),rgba(12,12,14,.98));border:1px solid var(--line);box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.panel,.analytics-widget,.trend-radar{border-radius:var(--radius-lg);padding:18px;margin:14px 0}
.ai-home-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:26px 22px;margin:22px 0 8px}
.ai-home-hero::after,.create-hero::after{content:"";position:absolute;inset:auto -18% -54% 24%;height:72%;background:radial-gradient(ellipse,rgba(235,240,255,.12),transparent 65%);pointer-events:none}
.ai-home-hero h2{font-size:clamp(31px,8vw,48px);line-height:1.02;letter-spacing:-1.9px;margin:7px 0 12px;max-width:560px}
.ai-home-hero p,.create-hero p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:20px;max-width:560px}
.hero-actions,.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.primary,.secondary,.danger,.filter-pill,.follow-mini{min-height:54px;border-radius:18px;border:1px solid transparent;padding:12px 16px;font-weight:720;transition:transform .15s var(--ease),filter .15s var(--ease),background .15s var(--ease)}
.primary{background:#f5f5f7;color:#050505;box-shadow:0 6px 22px rgba(255,255,255,.08)}
.secondary{background:#17171b;color:#f5f5f7;border-color:var(--line)}
.danger{background:#241214;color:#ff9d9d;border-color:rgba(255,125,125,.18)}
.primary:active,.secondary:active,.danger:active,.filter-pill:active,.follow-mini:active{transform:scale(.975)}
.full{width:100%}
.stories-row,.highlights-row,.member-suggestions,.quick-action-row{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 1px 8px}.stories-row::-webkit-scrollbar,.highlights-row::-webkit-scrollbar,.member-suggestions::-webkit-scrollbar,.quick-action-row::-webkit-scrollbar{display:none}
.story{flex:0 0 76px;border:0;background:transparent;color:var(--text);padding:0;display:grid;justify-items:center;gap:8px;position:relative}
.story-ring{width:70px;height:70px;border-radius:50%;padding:2px;background:linear-gradient(145deg,#f6f6f8,#66666b 45%,#232327 75%);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.story.seen .story-ring{background:#38383d}
.story-core{width:100%;height:100%;border-radius:inherit;background:#111114;border:3px solid #08080a;display:grid;place-items:center;overflow:hidden;font-weight:750;font-size:20px}
.story-core img{width:100%;height:100%;object-fit:cover}
.story small{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8b8bd;font-size:11px}
.story-add-badge{position:absolute;right:5px;bottom:22px;width:22px;height:22px;border-radius:50%;background:#f5f5f7;color:#050505;border:3px solid #000;display:grid;place-items:center;font-size:15px;line-height:1}
.story-letter{font-weight:760}.story-self-live .story-core{box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.member-chip-card{flex:0 0 min(78vw,260px);display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left;padding:13px;border-radius:20px;border:1px solid var(--line);background:#101012;color:var(--text)}
.member-chip-card strong,.member-chip-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-chip-card strong{font-size:13px}.member-chip-card small{font-size:10px;color:var(--muted);margin-top:3px}
.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#29292e,#111114);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;font-weight:750}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.mini{width:38px;height:38px}
.activity-list,.member-list,.conversation-list,.trend-feed-list{display:grid;gap:10px}
.activity-card{width:100%;border-radius:22px;padding:15px;color:var(--text);text-align:left}.activity-card>div{display:flex;gap:10px;align-items:center}.activity-card strong,.activity-card small{display:block}.activity-card small{color:var(--muted);font-size:10px}.activity-card p{font-size:13px;margin:12px 0 10px}.activity-status{font-size:9px;letter-spacing:.12em;color:#bdbdc2}
.home-trend-card{width:100%;border-radius:22px;padding:17px;color:var(--text);display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left}.home-trend-card strong,.home-trend-card small{display:block}.home-trend-card strong{font-size:16px;margin:6px 0 5px}.home-trend-card small{font-size:11px;color:var(--muted)}
.create-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:18px;display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;margin-bottom:14px}.create-hero h2{margin:3px 0 5px;font-size:24px;letter-spacing:-.7px}.ai-orb{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#f4f4f6,#929298);color:#09090b;display:grid;place-items:center;font-size:22px;box-shadow:0 12px 28px rgba(0,0,0,.25)}
label{display:block;color:#d5d5d9;font-size:12px;font-weight:650;margin:14px 0 7px}
input,textarea,select{width:100%;border:1px solid var(--line);border-radius:17px;background:#101012;color:var(--text);padding:15px 15px;outline:none;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease);font-size:16px}textarea{resize:vertical;min-height:100px}input:focus,textarea:focus,select:focus{border-color:rgba(255,255,255,.26);background:#141417;box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-card{position:relative;min-height:210px;border:1px dashed rgba(255,255,255,.16);border-radius:22px;background:#0d0d0f;overflow:hidden}.upload-card input{position:absolute;inset:0;opacity:0;z-index:4;cursor:pointer}.upload-placeholder,.upload-preview{position:absolute;inset:0}.upload-placeholder{display:grid;place-items:center;align-content:center;text-align:center;padding:20px;gap:6px}.upload-placeholder strong{font-size:15px}.upload-placeholder small{color:var(--muted);font-size:11px}.upload-icon{font-size:30px}.upload-preview{background:center/cover no-repeat}
.style-picker-wrap{margin-top:12px}.style-picker{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.style-chip,.quick-action-row button{flex:0 0 auto;border:1px solid var(--line);background:#111114;color:#a9a9af;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:650}.style-chip.active{background:#f5f5f7;color:#050505;border-color:#f5f5f7}
.loading-line{display:flex;align-items:center;gap:8px;color:#c8c8cd;font-size:11px;margin-top:12px}.loading-line span{width:14px;height:14px;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.generated-image-wrap{aspect-ratio:1;border-radius:20px;overflow:hidden;background:#0b0b0d}.generated-image-wrap img{width:100%;height:100%;object-fit:cover}.result-box{border:1px solid var(--line);border-radius:17px;background:#0f0f12;padding:14px;white-space:pre-wrap;font-size:13px;line-height:1.55}.result-box.big{min-height:140px}.fineprint,.integration-copy,.sync-info,.dialog-copy{font-size:11px;line-height:1.55;color:var(--muted)}
.trend-radar-top{display:flex;justify-content:space-between;gap:12px}.radar-badge,.status-badge{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#c8c8ce;font-size:9px}.status-badge.ok{color:#e6e6ea}.radar-main{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:18px 0}.radar-main strong{font-size:21px}.radar-main p{font-size:12px;color:var(--muted);margin:7px 0}.radar-score{width:66px;height:66px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;align-content:center}.radar-score b{font-size:20px}.radar-score span{font-size:8px;color:var(--muted)}.trend-radar-actions{display:flex;align-items:center;gap:10px}.filter-pill{min-height:42px;background:#161619;color:#f0f0f2;border-color:var(--line);font-size:11px}.trend-feed-card{border-radius:22px;padding:16px}.trend-card-head{display:flex;justify-content:space-between;gap:12px}.trend-card-head h3{margin:6px 0 0}.trend-score{font-size:11px;color:#d0d0d4}.trend-feed-card p{font-size:12px;color:#bbbcc1}.keyword-row{display:flex;flex-wrap:wrap;gap:6px}.keyword-row span{border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:9px;color:#a8a8ae}
.view-title-row{justify-content:flex-start;margin-bottom:14px}.view-title-row h2{margin:2px 0 0}.compact-panel{padding:10px}.member-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.member-identity{border:0;background:transparent;color:var(--text);text-align:left;min-width:0}.member-identity strong,.member-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-identity small{color:var(--muted);font-size:10px;margin-top:3px}.follow-mini{min-height:38px;border-radius:13px;padding:7px 11px;background:#f5f5f7;color:#050505;font-size:10px}.follow-mini.following{background:#17171b;color:#f5f5f7;border-color:var(--line)}
.profile-instagram{padding:2px 0 6px}.profile-social-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px}.profile-counter{border:0;background:transparent;color:var(--text);display:grid;gap:2px;justify-items:center}.profile-counter strong{font-size:20px}.profile-counter span{font-size:10px;color:var(--muted)}.profile-avatar-wrap{border:0;background:transparent;padding:0}.profile-avatar{width:92px;height:92px;font-size:28px;border:1px solid var(--line-strong);box-shadow:0 14px 34px rgba(0,0,0,.28)}.profile-identity{text-align:center;margin:12px auto 14px}.profile-identity h2{font-size:24px;margin:0}.profile-identity p{margin:3px 0;color:var(--muted);font-size:12px}.profile-identity .profile-bio{color:#d1d1d5;margin-top:10px}.profile-link,.profile-vinted{font-size:11px;text-decoration:none}.profile-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-action-row .credit-button{grid-column:1/-1;min-height:44px}
.highlight{flex:0 0 68px;border:0;background:transparent;color:var(--text);display:grid;justify-items:center;gap:7px;padding:0}.highlight-circle{width:62px;height:62px;border-radius:50%;border:1px solid var(--line-strong);background:#111114;display:grid;place-items:center;overflow:hidden}.highlight-circle img{width:100%;height:100%;object-fit:cover}.highlight small{max-width:68px;font-size:10px;color:#c5c5ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-widget{margin-top:18px}.analytics-head{display:flex;justify-content:space-between;gap:12px}.analytics-head-actions{display:flex;gap:7px;align-items:flex-start}.analytics-main{display:grid;grid-template-columns:.9fr 1.3fr;gap:15px;align-items:end;margin:18px 0}.analytics-main small,.analytics-grid small{color:var(--muted);font-size:9px;letter-spacing:.06em}.analytics-main strong{display:block;font-size:34px;letter-spacing:-1.5px;margin-top:4px}.mini-sparkline{height:70px;display:flex;align-items:flex-end;gap:5px}.mini-sparkline i,.mini-sparkline span{flex:1;min-width:5px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#f4f4f7,#5e5e64);min-height:10px}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.analytics-grid>div{padding:11px 8px;border-radius:15px;border:1px solid var(--line);background:#0e0e10}.analytics-grid strong{display:block;margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.optional-panel summary{list-style:none;display:flex;justify-content:space-between;align-items:center}.optional-panel summary::-webkit-details-marker{display:none}.optional-box{display:flex;align-items:center;gap:10px;padding:10px 0}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#111114;border:1px solid var(--line);border-radius:17px;margin:14px 0}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:13px;padding:10px 8px;font-size:11px}.segmented button.active{background:#f5f5f7;color:#050505}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-tile,.analysis-detail-card{border:1px solid var(--line);background:#111114;color:var(--text);border-radius:19px;padding:0;overflow:hidden;text-align:left}.profile-tile-media{aspect-ratio:1;background:#0b0b0d;display:grid;place-items:center}.profile-tile-media img{width:100%;height:100%;object-fit:cover}.profile-tile-meta{padding:11px}.profile-tile-meta strong,.profile-tile-meta small{display:block}.profile-tile-meta strong{font-size:12px}.profile-tile-meta small{font-size:9px;color:var(--muted);margin-top:4px}.analysis-detail-card{padding:15px}.analysis-detail-card span,.analysis-detail-card strong,.analysis-detail-card small{display:block}.analysis-detail-card span,.analysis-detail-card small{font-size:9px;color:var(--muted)}.analysis-detail-card strong{font-size:22px;margin:4px 0}
.tabbar{position:fixed;z-index:50;left:50%;bottom:max(10px,var(--safe-bottom));transform:translateX(-50%);width:min(calc(100% - 22px),690px);height:var(--nav-h);display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(10,10,12,.86);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:0 18px 50px rgba(0,0,0,.38)}
.tab{height:56px;border:0;background:transparent;color:#707076;border-radius:18px;display:grid;place-items:center;align-content:center;gap:3px}.tab span{font-size:20px}.tab small{font-size:9px}.tab.active{color:#f5f5f7}.tab.center{width:62px;height:62px;justify-self:center;background:#f5f5f7;color:#050505;border-radius:21px;box-shadow:0 10px 30px rgba(255,255,255,.1)}.tab.center span{font-size:31px;font-weight:500}.nav-avatar{width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;overflow:hidden;font-size:10px;background:#17171b}.nav-avatar img{width:100%;height:100%;object-fit:cover}.profile-tab-button.active .nav-avatar{outline:2px solid #f5f5f7;outline-offset:2px}
.conversation-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:20px;background:#111114;color:var(--text);text-align:left}.conversation-row strong,.conversation-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row small{font-size:10px;color:var(--muted);margin-top:3px}.conversation-row time{font-size:9px;color:var(--muted)}.chat-panel{padding:0;overflow:hidden}.chat-head{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.chat-head strong,.chat-head small{display:block}.chat-head small{font-size:9px;color:var(--muted)}.chat-messages{height:min(58vh,560px);overflow-y:auto;padding:13px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.chat-bubble{max-width:80%;padding:9px 12px;border-radius:18px}.chat-bubble p{font-size:13px;margin:0}.chat-bubble small{display:block;font-size:8px;margin-top:5px;opacity:.55}.chat-bubble.mine{align-self:flex-end;background:#f5f5f7;color:#050505;border-bottom-right-radius:6px}.chat-bubble.theirs{align-self:flex-start;background:#1b1b1f;color:#f5f5f7;border-bottom-left-radius:6px}.chat-empty{margin:auto;color:var(--muted);font-size:11px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.chat-compose input{margin:0}.chat-compose .primary{min-height:48px}
.quick-action-row{padding-bottom:10px}.quick-action-row button{background:#111114;color:#d0d0d5}.ai-chat-panel{margin-top:4px}
.empty,.network-note,.radar-empty{padding:18px 8px;color:var(--muted);font-size:11px;text-align:center}.radar-empty strong,.radar-empty span{display:block}.radar-empty span{margin-top:5px}
dialog{width:min(calc(100% - 24px),620px);max-height:min(88dvh,820px);border:1px solid rgba(255,255,255,.11);border-radius:28px;background:rgba(15,15,17,.96);color:var(--text);padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.68);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}dialog[open]{animation:dialogIn .28s var(--ease) both}@keyframes dialogIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.dialog-head h2{margin:2px 0 0}.account-row{display:flex;gap:10px;align-items:center;margin-bottom:14px}.account-row strong,.account-row small{display:block}.account-row small{color:var(--muted);font-size:10px}
.toast{position:fixed;z-index:100;left:50%;bottom:calc(var(--nav-h) + 28px + var(--safe-bottom));transform:translate(-50%,12px);max-width:min(88vw,520px);padding:12px 16px;border-radius:16px;background:#f5f5f7;color:#050505;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .22s var(--ease),transform .22s var(--ease);box-shadow:0 14px 44px rgba(0,0,0,.36)}.toast.show{opacity:1;transform:translate(-50%,0)}
.story-viewer-wrap{position:relative}.story-progress{display:flex;gap:4px;margin-bottom:10px}.story-progress i{height:3px;flex:1;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;position:relative}.story-progress i.done{background:#f5f5f7}.story-progress i.current::after{content:"";position:absolute;inset:0;background:#f5f5f7;transform-origin:left;animation:storyProgress 6s linear forwards}@keyframes storyProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.story-viewer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-inline{display:flex;align-items:center;gap:9px}.user-inline strong,.user-inline small{display:block}.user-inline small{font-size:9px;color:var(--muted)}.story-stage{position:relative;overflow:hidden;border-radius:24px}.story-full-media{min-height:min(64vh,640px);background:#08080a center/cover no-repeat;display:grid;place-items:center;font-size:44px;transform:scale(1.01);animation:storyMediaIn .32s var(--ease) both}@keyframes storyMediaIn{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1.01)}}.story-nav{position:absolute;z-index:3;top:0;bottom:0;width:38%;border:0;background:transparent;color:transparent}.story-nav-prev{left:0}.story-nav-next{right:0}.story-viewer-wrap>p{font-size:13px;line-height:1.55;margin:11px 3px 0;white-space:pre-wrap}
.avatar-viewer-wrap{text-align:center;position:relative;padding:12px}.avatar-viewer-close{position:absolute;right:0;top:0}.avatar-viewer-media{width:min(72vw,330px);aspect-ratio:1;border-radius:50%;margin:20px auto 14px;border:1px solid var(--line-strong);background:#111114;display:grid;place-items:center;overflow:hidden;font-size:70px;font-weight:800}.avatar-viewer-media img{width:100%;height:100%;object-fit:cover}.avatar-viewer-wrap strong,.avatar-viewer-wrap small{display:block}.avatar-viewer-wrap small{font-size:10px;color:var(--muted);margin-top:3px}
.highlight-manager-list{display:grid;gap:9px;max-height:55vh;overflow:auto}.highlight-manager-row{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#101012}.highlight-manager-preview{width:52px;height:52px;border-radius:14px;background:#17171b;display:grid;place-items:center;overflow:hidden}.highlight-manager-preview img{width:100%;height:100%;object-fit:cover}.highlight-manager-copy{min-width:0}.highlight-manager-copy strong,.highlight-manager-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.highlight-manager-copy small{font-size:8px;color:var(--muted);margin-top:3px}.highlight-manager-row select{grid-column:1/2;margin:0;padding:10px;font-size:13px}.highlight-save-btn{grid-column:2/3;min-height:44px}
.widget-phone-preview{padding:12px;border-radius:28px;background:#08080a;border:1px solid var(--line)}.widget-card-preview{border-radius:22px;padding:16px;background:linear-gradient(145deg,#1a1a1e,#0b0b0d);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.38)}.widget-brand-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.widget-brand-dot{width:24px;height:24px;border-radius:8px;background:#f5f5f7;color:#050505;display:grid;place-items:center;font-size:9px;font-weight:900}.widget-brand-row strong{font-size:10px}.widget-brand-row small{font-size:7px;color:var(--muted)}.widget-primary-stat{margin-top:16px}.widget-primary-stat small,.widget-preview-grid small{font-size:7px;color:var(--muted)}.widget-primary-stat strong{display:block;font-size:30px;margin-top:3px}.widget-preview-chart{height:58px;display:flex;gap:4px;align-items:flex-end;margin:12px 0}.widget-preview-chart i{flex:1;min-width:4px;border-radius:999px 999px 3px 3px;background:linear-gradient(180deg,#fff,#67676d);min-height:8px}.widget-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.widget-preview-grid>div,.widget-preview-list{border:1px solid var(--line);border-radius:12px;padding:9px;background:rgba(255,255,255,.02)}.widget-preview-grid strong{display:block;font-size:11px;margin-top:4px}.widget-preview-list{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--muted)}.credit-balance-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:#101012}.credit-balance-card small,.credit-balance-card strong,.credit-balance-card p{display:block}.credit-balance-card small{color:var(--muted);font-size:9px}.credit-balance-card strong{font-size:24px;margin:5px 0}.credit-balance-card p{font-size:10px;color:#c5c5ca}.credit-pack-grid{display:grid;gap:8px;margin-top:12px}.credit-pack-grid button{border:1px solid var(--line);background:#111114;color:var(--text);border-radius:16px;padding:13px;text-align:left}.credit-pack-grid strong,.credit-pack-grid small{display:block}.credit-pack-grid small{font-size:8px;color:var(--muted);margin-top:3px}
.public-profile-top{padding-bottom:8px}.public-mini-analytics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.public-mini-analytics>div{padding:11px;border:1px solid var(--line);border-radius:15px;text-align:center}.public-mini-analytics small,.public-mini-analytics strong{display:block}.public-mini-analytics small{font-size:8px;color:var(--muted)}.public-mini-analytics strong{font-size:13px;margin-top:4px}
@media(max-width:560px){.app-shell{padding-left:16px;padding-right:16px}.hero-actions,.action-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.profile-action-row{grid-template-columns:1fr 1fr}.analytics-main{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}.trend-radar-actions{align-items:flex-start;flex-direction:column}.profile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:390px){.app-shell{padding-left:13px;padding-right:13px}.topbar h1{font-size:31px}.top-actions{gap:6px}.icon-btn{width:44px;height:44px}.profile-avatar{width:82px;height:82px}.analytics-widget,.panel{padding:15px}.tabbar{width:calc(100% - 14px);border-radius:25px}.story{flex-basis:70px}.story-ring{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* V6.1 PERFORMANCE + STORY MOTION */
html{scroll-behavior:auto}body{overscroll-behavior-y:none}button,a,input,select,textarea{touch-action:manipulation}.view{opacity:0;transform:translateY(5px)}.view.active{opacity:1;transform:none;animation:v61ViewIn .16s cubic-bezier(.2,.8,.2,1)}@keyframes v61ViewIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
.feed-card,.trend-feed-card,.panel,.analytics-widget{contain:layout paint style}.story,.tab,.icon-btn,.primary,.secondary{will-change:transform}.story:active,.tab:active,.icon-btn:active,.primary:active,.secondary:active{transform:scale(.97)}
#storyViewer{width:min(760px,100%);height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:max(12px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 18%,#1b1b20 0,#08080a 48%,#000 100%);overflow:hidden}#storyViewer[open]{animation:v61StoryOpen .28s cubic-bezier(.16,1,.3,1)}#storyViewer::backdrop{background:rgba(0,0,0,.92);backdrop-filter:none}@keyframes v61StoryOpen{from{opacity:0;transform:scale(.965) translateY(14px)}to{opacity:1;transform:none}}.story-viewer-wrap{height:100%;min-height:0}.story-stage{flex:1;min-height:0;position:relative;display:grid;place-items:center}.story-full-media{width:100%;height:100%;min-height:0;max-height:calc(100dvh - 170px);border-radius:26px;background-color:#111;background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:0 24px 80px rgba(0,0,0,.45);animation:v61StoryMedia 6s linear both;will-change:transform,opacity}@keyframes v61StoryMedia{0%{opacity:.5;transform:scale(1.018)}5%{opacity:1}100%{opacity:1;transform:scale(1)}}.story-progress{display:flex;gap:4px;margin:2px 0 12px}.story-progress i{position:relative;overflow:hidden;height:3px;flex:1;border-radius:999px;background:rgba(255,255,255,.2)}.story-progress i.done{background:rgba(255,255,255,.95)}.story-progress i.current:after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:v61StoryProgress 6s linear forwards}@keyframes v61StoryProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.story-nav{opacity:.55;transition:opacity .15s,transform .15s}.story-nav:active{opacity:1;transform:scale(.92)}
@media(max-width:700px){.glass,.topbar,.tabbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.tabbar{background:rgba(5,5,7,.97)!important}.topbar{background:linear-gradient(#08080a 72%,rgba(8,8,10,.82),transparent)!important}.glass{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important}.app-shell{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* V6.2 APPLE BLACK PRO */
:root{--bg:#000;--surface:#09090a;--surface-2:#0f0f10;--surface-3:#151516;--text:#f5f5f7;--muted:#8e8e93;--line:rgba(255,255,255,.09);--success:#32d74b;--ease:cubic-bezier(.22,1,.36,1)}
html,body{background:#000!important}html{scroll-behavior:auto}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;font-size:16px;letter-spacing:-.012em;overscroll-behavior-y:none;touch-action:pan-y pinch-zoom}
.app-shell{width:min(100%,680px);padding-left:20px;padding-right:20px}.app-shell::before,.app-shell::after{display:none!important}
.topbar{margin:3px 0 24px;min-height:72px}.topbar h1{font-size:clamp(34px,9vw,46px);font-weight:760;letter-spacing:-2.1px;line-height:.94}
.eyebrow,.hero-kicker,.trend-label{color:#77777d;letter-spacing:.16em;font-size:10px}.live-dot{background:#32d74b;box-shadow:0 0 0 5px rgba(50,215,75,.08)}
.icon-btn,.back-btn{width:44px;height:44px;border-radius:50%;background:#111113;border:1px solid rgba(255,255,255,.07);box-shadow:none;transition:transform .24s var(--ease),background .24s var(--ease)}.icon-btn:active,.back-btn:active{transform:scale(.91);background:#1b1b1d}
.view{display:none;opacity:1;transform:none}.view.active{display:block;animation:none}.stories-head h2,.section-head h2,.view-title-row h2{font-size:26px;letter-spacing:-1px;font-weight:730}.section-head{margin:34px 0 13px}
.glass,.panel,.analytics-widget,.trend-radar,.home-trend-card,.activity-card{background:#0a0a0b!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.panel,.analytics-widget,.trend-radar{border-radius:22px}.ai-home-hero{background:#0a0a0b!important;border-radius:28px;padding:28px 22px}.ai-home-hero::after,.create-hero::after{display:none!important}.ai-home-hero h2{font-size:clamp(34px,9vw,50px);line-height:.98;letter-spacing:-2.2px;font-weight:760}.ai-home-hero p,.create-hero p{font-size:16px;color:#8e8e93}
.primary,.secondary,.danger,.filter-pill,.follow-mini{min-height:52px;border-radius:15px;font-weight:690;transition:transform .22s var(--ease),background .22s var(--ease),opacity .22s var(--ease)}.primary{background:#f5f5f7;color:#050505;box-shadow:none}.secondary{background:#151516;color:#f5f5f7;border-color:rgba(255,255,255,.07)}.primary:active,.secondary:active,.danger:active,.filter-pill:active,.follow-mini:active{transform:scale(.965)}
.stories-row,.highlights-row,.member-suggestions,.quick-action-row{gap:14px;scroll-snap-type:x proximity}.story{flex-basis:74px;scroll-snap-align:start}.story-ring{width:68px;height:68px;background:linear-gradient(145deg,#fff,#9a9aa0 44%,#3a3a3c 75%);box-shadow:none}.story-core{background:#0a0a0b;border-color:#000}.story-add-badge{background:#fff;color:#000;border-color:#000}
.create-hero{background:transparent!important;border:0!important;padding:8px 0 18px;box-shadow:none!important}.create-hero h2{font-size:30px;letter-spacing:-1.15px}.ai-orb{background:#f5f5f7;color:#000;box-shadow:none}
input,textarea,select{background:#0c0c0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:border-color .2s var(--ease),background .2s var(--ease)}input:focus,textarea:focus,select:focus{background:#111112;border-color:rgba(255,255,255,.22);box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.upload-card,.result-box{background:#080809;border-color:rgba(255,255,255,.08)}.style-chip,.quick-action-row button{background:#0d0d0e;border-color:rgba(255,255,255,.08);color:#b8b8bd}.style-chip.active{background:#f5f5f7;color:#050505;border-color:#f5f5f7}
.status-badge.ok{color:#32d74b;border-color:rgba(50,215,75,.18);background:rgba(50,215,75,.05)}.analytics-widget{background:#050506!important}.analytics-main strong{font-size:clamp(42px,12vw,58px)!important;letter-spacing:-2.5px!important}.analytics-grid{border-top:1px solid rgba(255,255,255,.08);padding-top:15px}
.profile-identity h2{font-size:28px;letter-spacing:-1px}.profile-counter strong{font-size:24px}.profile-counter span,.profile-identity p{color:#8e8e93}.segmented{background:#0a0a0b;border:1px solid rgba(255,255,255,.07);padding:4px;border-radius:14px}.segmented button.active{background:#1c1c1e;color:#fff}
.tabbar{left:50%;transform:translateX(-50%);width:min(calc(100% - 22px),640px);bottom:calc(8px + env(safe-area-inset-bottom,0px));background:rgba(12,12,13,.86)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:27px!important;box-shadow:0 10px 30px rgba(0,0,0,.36)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important}.tab{transition:transform .24s var(--ease),color .24s var(--ease)}.tab:active{transform:scale(.9)}.tab:not(.active){color:#737378}.tab.center{background:#f5f5f7!important;color:#000!important;box-shadow:none!important}
dialog{background:#050506!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 24px 80px rgba(0,0,0,.7)!important}dialog::backdrop{background:rgba(0,0,0,.72)}#storyViewer{padding:0!important;background:#000!important;border:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.story-viewer-wrap{min-height:100dvh;background:#000}.story-stage{border-radius:24px;background:#080809}.story-full-media{transition:transform .35s var(--ease),opacity .35s var(--ease)}
.activity-card,.trend-feed-card,.member-row,.conversation-row{content-visibility:auto;contain-intrinsic-size:80px}.toast{background:rgba(32,32,34,.94)!important;border-radius:999px!important}.toast.show{transform:translate(-50%,0) scale(1)!important}
button,.member-chip-card,.activity-card,.home-trend-card,.story{touch-action:manipulation}
@media(max-width:430px){.app-shell{padding-left:17px;padding-right:17px}.topbar h1{font-size:38px}.ai-home-hero h2{font-size:38px}.panel{padding:16px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* V6.2.1 VIDEO POLISH */
.app-shell{padding-bottom:calc(var(--nav-h) + 58px + var(--safe-bottom))}
.tabbar{transition:opacity .24s var(--ease),transform .34s var(--ease),background .24s var(--ease)}
body.keyboard-open .tabbar{opacity:0;transform:translate(-50%,28px) scale(.96);pointer-events:none}
body.keyboard-open .app-shell{padding-bottom:calc(26px + var(--safe-bottom))}
body.auxiliary-mode .topbar{display:none}
body.auxiliary-mode .app-shell{padding-top:calc(14px + var(--safe-top))}
#messagesView .view-title-row,#discoverView .view-title-row{margin-top:2px}
.chat-panel{min-height:min(690px,calc(100dvh - 142px));display:flex;flex-direction:column}
.chat-messages{flex:1;min-height:240px;padding-bottom:12px}
.chat-compose{position:sticky;bottom:0;background:#0a0a0b;padding-top:10px}
body.keyboard-open .chat-panel{min-height:calc(100dvh - 84px);margin-bottom:0}
body.keyboard-open .chat-messages{min-height:120px}
.view-title-row .back-btn{flex:0 0 auto}
@media(max-width:430px){
  .app-shell{padding-bottom:calc(var(--nav-h) + 62px + var(--safe-bottom))}
  body.keyboard-open .app-shell{padding-bottom:calc(18px + var(--safe-bottom))}
}


/* V6.2.2 GROWTH CAMERA */
html,body{overscroll-behavior-x:none}body.page-moving{overflow-x:hidden}main{overflow-x:clip;touch-action:pan-y;position:relative}.view.active{animation:none!important;opacity:1;transform:none}.view.nav-ghost,.view.swipe-neighbor{opacity:1!important;transform:none;animation:none!important}
.ranking-head>div h2{margin:2px 0 0}.ranking-window-label{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 10px}.ranking-card{border-radius:24px;padding:12px;margin-bottom:8px}.ranking-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#09090a;border:1px solid var(--line);border-radius:15px;padding:4px;margin-bottom:8px}.ranking-tabs button{border:0;border-radius:11px;background:transparent;color:#77777d;padding:9px 6px;font-size:11px;font-weight:700}.ranking-tabs button.active{background:#f5f5f7;color:#050505}.ranking-list{display:grid}.ranking-row{display:grid;grid-template-columns:30px auto minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text);padding:11px 4px;text-align:left}.ranking-row:last-child{border-bottom:0}.ranking-row:active{background:rgba(255,255,255,.035)}.rank-position{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:#85858b;font-size:11px;font-weight:800}.rank-position.top-1{background:#f5f5f7;color:#050505}.rank-position.top-2{background:#343438;color:#f5f5f7}.rank-position.top-3{background:#222225;color:#d0d0d4}.rank-person{min-width:0}.rank-person strong,.rank-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-person strong{font-size:12px}.rank-person strong em{font-style:normal;font-size:8px;color:#050505;background:#f5f5f7;border-radius:999px;padding:3px 5px;margin-left:4px}.rank-person small{font-size:9px;color:var(--muted);margin-top:3px}.rank-profit{font-size:12px;font-weight:800;color:#e9e9ed;white-space:nowrap}.ranking-note{font-size:8px;color:#66666c;margin:9px 4px 1px;line-height:1.45}.ranking-empty{padding:18px;text-align:center}.ranking-empty strong,.ranking-empty span{display:block}.ranking-empty span{font-size:9px;color:var(--muted);margin-top:4px}
.capture-gallery{margin:10px 0 3px;padding:11px;border:1px solid var(--line);border-radius:18px;background:#0b0b0d}.capture-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}.capture-gallery-head strong{font-size:11px}.capture-gallery-head small{font-size:8px;color:var(--muted)}.capture-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.capture-strip::-webkit-scrollbar{display:none}.capture-shot{position:relative;flex:0 0 74px;aspect-ratio:3/4;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;background:#111}.capture-shot img{width:100%;height:100%;object-fit:cover}.capture-shot span{position:absolute;right:5px;bottom:5px;min-width:18px;height:18px;padding:0 4px;border-radius:7px;background:rgba(0,0,0,.72);color:#fff;display:grid;place-items:center;font-size:8px}.capture-shot.active{border-color:#f5f5f7;box-shadow:0 0 0 2px rgba(255,255,255,.16)}.capture-retake{width:100%;text-align:center;margin-bottom:4px}
.quality-picker-wrap{margin-top:13px}.quality-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quality-picker button{min-width:0;border:1px solid var(--line);border-radius:14px;background:#101012;color:#a6a6ac;padding:10px 5px;font-size:11px;font-weight:750}.quality-picker button small{display:block;font-size:6px;letter-spacing:.08em;color:#66666c;margin-top:2px}.quality-picker button.active{background:#f5f5f7;color:#050505;border-color:#f5f5f7}.quality-picker button.active small{color:#4b4b50}.quality-picker button.locked{opacity:.58}.quality-hint{font-size:9px;color:var(--muted);margin:7px 2px 0}.style-chip small{font-size:6px;margin-left:3px;opacity:.7}.plus-style{border-style:dashed}.plus-teaser{width:100%;margin:11px 0 2px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(120deg,#161619,#0b0b0d);color:#f5f5f7;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;text-align:left}.plus-teaser span b,.plus-teaser span small{display:block}.plus-teaser span b{font-size:13px}.plus-teaser span small{font-size:8px;color:#8e8e93;margin-top:3px}.plus-teaser>strong{font-size:10px;color:#bdbdc2}.plus-hero{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#0c0c0e}.plus-hero>span{width:46px;height:46px;border-radius:15px;background:#f5f5f7;color:#050505;display:grid;place-items:center;font-size:24px}.plus-hero strong,.plus-hero small{display:block}.plus-hero small{color:var(--muted);font-size:9px;margin-top:2px}.plus-feature-list{display:grid;gap:7px;margin:12px 0}.plus-feature-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.plus-feature-list b{font-size:11px}.plus-feature-list span{font-size:9px;color:var(--muted);text-align:right}
.camera-flow{position:fixed;z-index:250;inset:0;background:#000;color:#fff;display:grid;grid-template-rows:auto 1fr auto;padding:calc(10px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));transform:translateZ(0);animation:cameraOpen .32s cubic-bezier(.16,1,.3,1) both}.camera-flow.hidden{display:none!important}@keyframes cameraOpen{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.camera-flow.closing{animation:cameraClose .28s cubic-bezier(.4,0,.6,1) both}@keyframes cameraClose{to{opacity:0;transform:scale(.94);filter:blur(5px)}}.camera-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:3px 2px 10px}.camera-topbar>div strong,.camera-topbar>div small{display:block}.camera-topbar>div strong{font-size:15px}.camera-topbar>div small{font-size:8px;color:#9a9aa0;margin-top:2px}.camera-topbar>span{font-size:12px;font-weight:800;background:#171719;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 9px}.camera-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:#151517;color:#fff;font-size:24px}.camera-stage{position:relative;overflow:hidden;border-radius:28px;background:#080809;min-height:0}.camera-stage video{width:100%;height:100%;object-fit:cover;display:block}.camera-guide{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.34);border-radius:26px;pointer-events:none}.camera-guide:before,.camera-guide:after,.camera-guide>span:before,.camera-guide>span:after{content:"";position:absolute;width:28px;height:28px;border-color:#fff;border-style:solid}.camera-guide:before{left:-1px;top:-1px;border-width:2px 0 0 2px;border-radius:12px 0 0 0}.camera-guide:after{right:-1px;top:-1px;border-width:2px 2px 0 0;border-radius:0 12px 0 0}.camera-guide>span:before{left:-1px;bottom:-1px;border-width:0 0 2px 2px;border-radius:0 0 0 12px}.camera-guide>span:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0;border-radius:0 0 12px 0}.camera-guide p{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;font-size:8px;background:rgba(0,0,0,.55);padding:5px 8px;border-radius:999px}.camera-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.camera-flash.pop{animation:cameraFlash .2s ease-out}@keyframes cameraFlash{0%{opacity:.92}100%{opacity:0}}.camera-bottom{display:grid;justify-items:center;gap:9px;padding-top:12px}.camera-bottom>small{font-size:8px;color:#838389}.camera-shutter{width:74px;height:74px;border-radius:50%;border:4px solid #fff;background:transparent;padding:5px;display:grid;place-items:center}.camera-shutter i{width:100%;height:100%;border-radius:50%;background:#fff;transition:transform .12s}.camera-shutter:active i{transform:scale(.86)}.camera-thumbs{height:42px;display:flex;gap:5px;justify-content:center}.camera-thumb{width:34px;height:42px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.18);opacity:.75}.camera-thumb.latest{opacity:1;border-color:#fff}.camera-thumb img{width:100%;height:100%;object-fit:cover}body.camera-open{overflow:hidden;touch-action:none}
@media(max-width:390px){.quality-picker{grid-template-columns:repeat(2,1fr)}.ranking-row{grid-template-columns:27px auto minmax(0,1fr) auto}.rank-profit{font-size:11px}.camera-guide{inset:10% 8%}}


/* V6.3 RELIABILITY + PREMIUM POLISH */
:root{--v63-glass:rgba(20,20,22,.72);--v63-hairline:rgba(255,255,255,.105);--v63-soft:0 18px 60px rgba(0,0,0,.34);--v63-inner:inset 0 1px 0 rgba(255,255,255,.055)}
body{background:radial-gradient(1100px 540px at 50% -180px,rgba(255,255,255,.075),transparent 58%),#000!important;letter-spacing:-.01em}
.app-shell{max-width:690px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.topbar{position:relative;margin-bottom:30px}.topbar h1{font-size:clamp(32px,8vw,46px);font-weight:760;letter-spacing:-.055em}.topbar .eyebrow{opacity:.78}.live-dot{box-shadow:0 0 0 5px rgba(255,255,255,.035),0 0 24px rgba(255,255,255,.08)}
.icon-btn,.back-btn{border-color:var(--v63-hairline);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:var(--v63-inner)}
.glass,.panel,.analytics-widget,.trend-radar,.home-trend-card,.activity-card,.ranking-card{border-color:var(--v63-hairline);box-shadow:var(--v63-soft),var(--v63-inner)}
.ai-home-hero{padding:30px 24px 26px;background:radial-gradient(120% 100% at 100% 0,rgba(255,255,255,.08),transparent 48%),linear-gradient(145deg,#18181b 0,#0b0b0d 70%)}
.ai-home-hero h2{font-size:clamp(36px,9vw,54px);max-width:520px;letter-spacing:-.055em;line-height:.98}.ai-home-hero p{font-size:14px;max-width:500px;color:#a1a1a7}
.primary{background:linear-gradient(180deg,#fff,#e9e9ec);box-shadow:0 10px 34px rgba(255,255,255,.08),inset 0 1px 0 #fff}.secondary{background:linear-gradient(180deg,#19191c,#121214);border-color:var(--v63-hairline)}
.primary,.secondary,.filter-pill,.follow-mini{transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s ease,background .2s ease}.primary:active,.secondary:active,.filter-pill:active,.follow-mini:active{transform:scale(.965)}
.section-head{margin-top:34px}.section-head h2,.stories-head h2{font-weight:730;letter-spacing:-.04em}.section-head .eyebrow{margin-bottom:5px}
.story-ring{padding:2px;background:linear-gradient(145deg,#fff 0,#9a9aa0 30%,#38383d 72%,#161618 100%);box-shadow:0 10px 30px rgba(0,0,0,.32)}.story-core{border-width:3px}.story-add-badge{box-shadow:0 4px 12px rgba(0,0,0,.35)}
.member-chip-card,.conversation-row{background:linear-gradient(145deg,#131315,#0d0d0f);border-color:var(--v63-hairline);box-shadow:var(--v63-inner)}
.ranking-card{background:linear-gradient(160deg,#111113,#09090b);padding:16px}.ranking-tabs{padding:4px;background:#070708;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.ranking-tabs button{min-height:38px;border-radius:12px}.ranking-tabs button.active{background:#f5f5f7;color:#050505;box-shadow:0 6px 20px rgba(255,255,255,.06)}.ranking-row{min-height:66px;border-bottom-color:rgba(255,255,255,.055)}.ranking-row.mine{background:rgba(255,255,255,.035)}.rank-position{font-variant-numeric:tabular-nums}.rank-profit{font-weight:780;letter-spacing:-.03em}
.upload-card{background:radial-gradient(90% 80% at 50% 0,rgba(255,255,255,.05),transparent 60%),#09090a;border-color:rgba(255,255,255,.13)}.capture-shot{box-shadow:0 8px 24px rgba(0,0,0,.3)}.capture-shot.active{outline:2px solid rgba(255,255,255,.92);outline-offset:2px}
.quality-picker,.style-picker{scroll-snap-type:x proximity}.quality-picker>button,.style-chip{scroll-snap-align:start}
.profile-avatar{box-shadow:0 16px 48px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}.analytics-widget{background:radial-gradient(90% 90% at 100% 0,rgba(255,255,255,.055),transparent 55%),linear-gradient(155deg,#141416,#09090a)}
.chat-bubble.pending{opacity:.58}.chat-compose{padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,10,11,.94),#0a0a0b)}
.sale-summary{display:grid;gap:4px;margin:6px 0 16px;padding:15px 16px;border:1px solid var(--v63-hairline);border-radius:18px;background:linear-gradient(145deg,#171719,#0e0e10);box-shadow:var(--v63-inner)}.sale-summary strong{font-size:16px}.sale-summary small{font-size:11px;color:var(--muted)}.sale-dialog .primary{margin-top:16px}
dialog:not(#storyViewer){background:linear-gradient(160deg,rgba(22,22,24,.97),rgba(9,9,10,.985));border-color:rgba(255,255,255,.12);box-shadow:0 36px 120px rgba(0,0,0,.72),var(--v63-inner)}
.tabbar{border-color:rgba(255,255,255,.11);box-shadow:0 18px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.tabbar{background:rgba(10,10,12,.76)!important;backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important}}
@media(max-width:700px){.glass{background:linear-gradient(145deg,rgba(24,24,27,.96),rgba(10,10,12,.98))!important}.ai-home-hero{background:radial-gradient(120% 100% at 100% 0,rgba(255,255,255,.07),transparent 48%),linear-gradient(145deg,#171719,#09090b)!important}.activity-list,.trend-feed-list,.ranking-card,.analytics-widget{content-visibility:auto;contain-intrinsic-size:1px 420px}}
@media(max-width:430px){.app-shell{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.ai-home-hero{padding:26px 20px 22px}.ai-home-hero h2{font-size:39px}.topbar{margin-bottom:24px}.section-head{margin-top:30px}dialog:not(#storyViewer){width:calc(100% - 16px);border-radius:26px;padding:17px}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.icon-btn,.story,.tab{will-change:auto!important}}


/* V6.4 MOTION + CAMERA HARDENING */
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
main{max-width:100%;touch-action:pan-y pinch-zoom}
body.page-moving{overflow-x:clip}
body.page-moving .view,body.page-moving .view.active{animation:none!important}
.nav-ghost,.swipe-neighbor{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}
.stories-row,.highlights-row,.member-suggestions,.quick-action-row,.style-picker,.quality-picker,.capture-strip{touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.camera-shutter:disabled{opacity:.48;transform:scale(.96);pointer-events:none}
.camera-topbar small{transition:opacity .16s var(--ease);font-variant-numeric:tabular-nums}
.camera-thumb.latest{animation:v64Thumb .18s var(--ease) both}
@keyframes v64Thumb{from{opacity:.35;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.tabbar{backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important}}}
@media(prefers-reduced-motion:reduce){.camera-thumb.latest{animation:none!important}}


/* V6.5 RESELLER OS + INPUT LATENCY + STORY PRO */
:root{--v65-card:#0b0b0d;--v65-line:rgba(255,255,255,.085);--v65-soft:rgba(255,255,255,.045)}
input,textarea,select{caret-color:#fff;touch-action:manipulation;will-change:auto!important}
input:focus,textarea:focus,select:focus{transition:none!important}
.resell-command{margin:18px 0 4px;padding:22px;border-radius:28px;background:radial-gradient(110% 100% at 100% 0,rgba(255,255,255,.065),transparent 46%),linear-gradient(150deg,#111113,#070708)!important;border:1px solid var(--v65-line)!important;overflow:hidden;contain:layout paint style}
.command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.command-head h2{font-size:30px;letter-spacing:-1.25px;margin:3px 0 5px}.command-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;max-width:420px}.command-create{flex:0 0 auto;border:0;border-radius:14px;background:#f5f5f7;color:#050505;font-weight:750;padding:11px 13px;min-height:42px}.command-create:active{transform:scale(.96)}
.command-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.command-metrics>div{min-width:0;padding:13px 11px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.command-metrics small,.command-metrics strong,.command-metrics span{display:block}.command-metrics small{font-size:8px;letter-spacing:.12em;color:#77777d}.command-metrics strong{font-size:18px;letter-spacing:-.6px;margin:5px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-metrics span{font-size:8px;color:var(--muted)}
.command-insights{display:grid;gap:8px;margin-top:12px}.command-insight{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:start;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.command-insight>span{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#8e8e93}.command-insight.good>span{background:#32d74b}.command-insight.warn>span{background:#ffd60a}.command-insight strong,.command-insight small{display:block}.command-insight strong{font-size:11px}.command-insight small{margin-top:3px;font-size:9px;line-height:1.45;color:var(--muted)}
.story-composer-preview{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;margin:10px 0 14px;padding:10px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.story-composer-media{width:78px;height:92px;border-radius:13px;background:#0c0c0d center/cover no-repeat}.story-composer-preview strong,.story-composer-preview small{display:block}.story-composer-preview strong{font-size:12px}.story-composer-preview small{margin-top:4px;font-size:9px;color:var(--muted)}
#storyViewer{touch-action:none}.story-full-media{touch-action:none;user-select:none;-webkit-user-select:none}.story-progress i.current:after{will-change:transform}.story-viewer-top{padding-top:max(12px,env(safe-area-inset-top))}.story-viewer-wrap>p{padding-bottom:max(8px,env(safe-area-inset-bottom))}
.member-list,.conversation-list,.profile-grid,.activity-list,.trend-feed-list{content-visibility:auto;contain-intrinsic-size:1px 420px}
@media(max-width:700px){input,textarea,select{font-size:16px!important}.resell-command{padding:19px 17px;border-radius:25px}.command-head h2{font-size:27px}.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-metrics strong{font-size:20px}.story-composer-dialog textarea{min-height:110px}.tabbar{backdrop-filter:blur(10px) saturate(115%)!important;-webkit-backdrop-filter:blur(10px) saturate(115%)!important}}
@media(max-width:380px){.command-head{display:block}.command-create{margin-top:12px}.command-metrics{gap:7px}}
@media(prefers-reduced-motion:reduce){.command-create:active{transform:none}}


/* V6.5.1 NATIVE POINTER INPUT */
main{touch-action:pan-y pinch-zoom}
body:not(.page-moving) main{will-change:auto}
body.page-moving main{overflow:clip}
@media(max-width:700px){.view{contain:layout style}.panel,.glass{transform:translateZ(0);backface-visibility:hidden}.story-composer-dialog,.sale-dialog{overscroll-behavior:contain}}


/* V6.6 PRECISION NAVIGATION + DEVICE FIT */
:root{
  --app-vw:100vw;
  --app-vh:100dvh;
  --device-gutter:clamp(14px,4.25vw,22px);
  --safe-inline:max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:clip}
body{width:100%;max-width:100vw;overflow-x:clip;overscroll-behavior-x:none}
#app{overflow-x:clip}
.app-shell{
  width:100%;max-width:720px;
  padding-left:max(var(--device-gutter),env(safe-area-inset-left,0px))!important;
  padding-right:max(var(--device-gutter),env(safe-area-inset-right,0px))!important;
}
main{width:100%;max-width:100%;min-width:0;touch-action:pan-y;overscroll-behavior-x:none}
.view{width:100%;max-width:100%;min-width:0;overflow-x:clip}
.view.tab-outgoing{display:block}
.panel,.glass,.analytics-widget,.trend-radar,.home-trend-card,.resell-command,.ranking-card,.create-hero{max-width:100%;min-width:0}
input,textarea,select{font-size:16px!important;min-width:0;max-width:100%;touch-action:manipulation}
textarea{overflow-wrap:anywhere}
.two-col,.action-grid,.hero-actions,.command-metrics,.analytics-grid{min-width:0}
.two-col>* ,.action-grid>* ,.hero-actions>* ,.command-metrics>* ,.analytics-grid>*{min-width:0}
.tabbar{
  left:50vw!important;
  width:min(calc(100vw - (2 * max(10px,var(--safe-inline)))),640px)!important;
  max-width:calc(100vw - (2 * max(10px,var(--safe-inline))))!important;
  transform:translate3d(-50%,0,0)!important;
  contain:layout paint;
}
.tab{touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:color .12s linear,transform .11s cubic-bezier(.2,.8,.2,1)!important}
.tab:active{transform:scale(.92)!important}
body.keyboard-open .tabbar{transform:translate3d(-50%,28px,0) scale(.96)!important}
.story-viewer-wrap,.camera-flow{max-width:100vw}
#storyViewer{inset:0!important;margin:0!important}
dialog:not(#storyViewer){max-width:min(620px,calc(100vw - (2 * max(8px,var(--safe-inline)))))!important}
@media(max-width:430px){
  .topbar{gap:10px}.topbar>div:first-child{min-width:0}.topbar h1{font-size:clamp(31px,9.3vw,38px);white-space:nowrap}
  .ai-home-hero h2{font-size:clamp(34px,10vw,40px)}
  .command-head{gap:10px}.command-create{flex:0 0 auto}
}
@media(max-width:350px){
  :root{--device-gutter:12px}.topbar h1{font-size:29px}.top-actions{gap:4px}.icon-btn{width:42px;height:42px}
  .tabbar{height:74px;padding-left:6px;padding-right:6px}.tab.center{width:58px;height:58px}
}
@media(min-width:721px){.app-shell{margin-inline:auto}}


/* V6.8 AUTH REDESIGN */
.auth-dialog{width:min(100vw,520px)!important;max-width:min(100vw,520px)!important;height:auto;max-height:min(94dvh,820px)!important;margin:auto!important;padding:0!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:32px!important;background:#050506!important;overflow:hidden;overscroll-behavior:contain}
.auth-dialog::backdrop{background:rgba(0,0,0,.82)!important}
.auth-shell{margin:0;padding:18px 18px max(22px,env(safe-area-inset-bottom,0px));min-width:0}
.auth-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-brand{display:flex;align-items:center;gap:10px;color:#f5f5f7;font-size:12px;font-weight:720;letter-spacing:-.02em}.auth-brand em{font-style:normal;color:#77777d;font-weight:580}
.auth-logo-mark{width:34px;height:34px;border-radius:11px;background:#f5f5f7;color:#050505;display:grid;grid-template-columns:5px 1fr 5px;align-items:center;justify-items:center;gap:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.auth-logo-mark b{font-size:15px;letter-spacing:-1px}.auth-logo-mark i{width:3px;height:3px;border-radius:50%;background:#050505;opacity:.35}
.auth-close{width:40px;height:40px;border:0;border-radius:50%;background:#111113;color:#d1d1d6;font-size:24px;line-height:1;display:grid;place-items:center;touch-action:manipulation}.auth-close:active{transform:scale(.92);background:#1b1b1e}
.auth-intro{padding:36px 2px 24px}.auth-kicker{font-size:9px;letter-spacing:.18em;color:#69696f;font-weight:800;margin-bottom:9px}.auth-intro h2{font-size:clamp(34px,9vw,45px);line-height:.97;letter-spacing:-2px;margin:0 0 13px;font-weight:780}.auth-intro p{max-width:410px;color:#8e8e93;font-size:14px;line-height:1.55;margin:0}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#0b0b0c;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:4px;margin-bottom:22px}.auth-switch button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#707076;font-size:13px;font-weight:700;touch-action:manipulation}.auth-switch button.active{background:#202023;color:#f5f5f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.auth-fields{min-width:0}.auth-field{margin:0 0 15px}.auth-field>label,.auth-label-row label{display:block;margin:0 2px 7px;color:#a1a1a7;font-size:11px;font-weight:700}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-link{border:0;background:transparent;color:#f5f5f7;font-size:10px;font-weight:700;padding:6px 2px;margin:-4px 0 3px;touch-action:manipulation}
.auth-input-wrap{height:56px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0a0a0b;display:flex;align-items:center;padding:0 14px;gap:10px;transition:border-color .12s linear,background .12s linear}.auth-input-wrap:focus-within{background:#0f0f10;border-color:rgba(255,255,255,.24)}.auth-input-wrap>span{width:17px;color:#626268;font-size:13px;font-weight:800;text-align:center;flex:0 0 auto}.auth-input-wrap input{height:100%!important;flex:1;min-width:0!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;color:#f5f5f7;font-size:16px!important;box-shadow:none!important;outline:0!important}.auth-input-wrap input::placeholder{color:#4d4d52}.password-toggle{border:0;background:transparent;color:#9b9ba1;font-size:10px;font-weight:750;padding:12px 0 12px 10px;touch-action:manipulation}
.auth-status{min-height:19px;margin:3px 2px 9px;font-size:11px;line-height:1.45;color:#77777d}.auth-status.error{color:#ff8c8c}.auth-status.success{color:#8ee5ad}
.auth-submit{min-height:58px!important;border-radius:17px!important;margin-top:2px;display:flex;align-items:center;justify-content:space-between;padding:0 18px!important;font-size:14px!important}.auth-submit i{font-style:normal;font-size:18px}.auth-submit.loading i{width:15px;height:15px;border:2px solid rgba(0,0,0,.22);border-top-color:#050505;border-radius:50%;animation:authSpin .65s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}
.auth-bottom-switch{width:100%;border:0;background:transparent;color:#74747a;min-height:48px;padding:10px 4px;margin-top:8px;font-size:11px;touch-action:manipulation}.auth-bottom-switch strong{color:#f5f5f7}.auth-trust{text-align:center;color:#4f4f54;font-size:8px;margin:9px 0 0;line-height:1.45}
.auth-account-view{text-align:center;padding:55px 4px 8px}.auth-account-orb{display:grid;place-items:center;margin-bottom:16px}.auth-account-orb .avatar{width:86px;height:86px;border-radius:28px;font-size:27px;border:1px solid rgba(255,255,255,.11);background:#111113}.auth-account-orb .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.auth-account-copy small{font-size:8px;letter-spacing:.16em;color:#606066;font-weight:800}.auth-account-copy h2{font-size:30px;letter-spacing:-1.3px;margin:7px 0 3px}.auth-account-copy p{color:#7e7e84;font-size:12px;margin-bottom:28px}.auth-logout{min-height:54px}
@media(max-width:540px){.auth-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;margin:0!important}.auth-shell{min-height:100dvh;padding:calc(10px + env(safe-area-inset-top,0px)) 18px max(18px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.auth-fields{margin-top:auto;margin-bottom:auto}.auth-intro{padding-top:24px}.auth-trust{padding-bottom:2px}}
@media(max-height:700px) and (max-width:540px){.auth-intro{padding:16px 2px 15px}.auth-intro h2{font-size:32px}.auth-switch{margin-bottom:13px}.auth-field{margin-bottom:10px}.auth-input-wrap{height:52px}.auth-trust{display:none}}


/* V6.8.1 STORY TAP NAVIGATION */
#storyViewer .story-stage{touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}
#storyViewer .story-nav{width:50%!important;pointer-events:none!important}
#storyViewer .story-full-media{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0) scale(1.01);will-change:transform,opacity}
#storyViewer .story-viewer-top,#storyViewer .story-progress{position:relative;z-index:6}
@media(prefers-reduced-motion:reduce){#storyViewer .story-full-media{will-change:auto}}


/* V6.9 MOTION + PERFORMANCE HARDENING */
html{scroll-behavior:auto!important}
body{background:#000!important}
.app-shell::before,.app-shell::after{display:none!important}
/* Avoid permanent GPU layers. WAAPI promotes only the element that is actively moving. */
.story,.tab,.icon-btn,.primary,.secondary,.panel,.glass{will-change:auto!important}
@media(max-width:700px){
  .panel,.glass{transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
  .glass,.panel,.analytics-widget,.trend-radar,.home-trend-card,.activity-card,.ranking-card,.resell-command{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 20px rgba(0,0,0,.13)!important}
  .tabbar{background:rgba(7,7,8,.985)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 -1px 0 rgba(255,255,255,.065),0 8px 24px rgba(0,0,0,.28)!important}
  .view.active{animation:none!important}
}
/* Blur on native dialog/backdrop is costly on iOS; opacity + transform gives a cleaner 60fps transition. */
dialog{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 20px 55px rgba(0,0,0,.50)!important;transform:translateZ(0)}
dialog[open],#storyViewer[open]{animation:none!important}
dialog::backdrop{background:rgba(0,0,0,.74)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:v69BackdropIn .16s ease-out both}
dialog.modal-closing::backdrop{animation:v69BackdropOut .15s ease-in both!important}
#storyViewer::backdrop{background:rgba(0,0,0,.94)!important}
.auth-dialog::backdrop{background:rgba(0,0,0,.88)!important}
@keyframes v69BackdropIn{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.74)}}
@keyframes v69BackdropOut{from{background:rgba(0,0,0,.74)}to{background:rgba(0,0,0,0)}}
#storyViewer .story-full-media{will-change:auto!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
#storyViewer .story-stage{contain:layout paint;isolation:isolate}
#storyViewer .story-progress i.current::after{will-change:transform}
/* Inputs/buttons should react instantly without accidental 300ms-era touch behavior. */
button,a,input,textarea,select,[role="button"]{touch-action:manipulation}
.primary,.secondary,.danger,.filter-pill,.follow-mini,.icon-btn,.back-btn,.auth-close,.auth-switch button{transition-duration:.085s!important}
/* Keep horizontal carousels on the native compositor. */
.stories-row,.highlights-row,.member-suggestions,.quick-action-row,.style-picker,.quality-picker,.capture-strip{-webkit-overflow-scrolling:touch;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){dialog::backdrop,dialog.modal-closing::backdrop{animation:none!important}.story,.tab,.icon-btn,.primary,.secondary{transform:none!important}}


/* V6.9.1 STORY VIEWER LAYOUT + INPUT HARDENING */
#storyViewer .story-viewer-wrap{
  height:100dvh!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  overflow:hidden!important;
}
#storyViewer .story-progress{
  margin:max(8px,env(safe-area-inset-top,0px)) 14px 8px!important;
}
#storyViewer .story-viewer-top{
  margin:0 12px 8px!important;
  padding-top:0!important;
}
#storyViewer .story-stage{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  place-items:stretch!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#000!important;
  touch-action:none!important;
}
#storyViewer .story-full-media{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border-radius:0!important;
  background-color:#000!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  animation:none!important;
  transition:none!important;
  transform:none;
}
#storyViewer .story-full-media:not(.has-image){
  background:radial-gradient(circle at 50% 38%,#17171a 0,#080809 48%,#000 100%)!important;
}
#storyViewer .story-viewer-wrap>p{
  margin:0!important;
  padding:10px 14px max(12px,env(safe-area-inset-bottom,0px))!important;
  min-height:0;
  max-height:18vh;
  overflow:auto;
}
#storyViewer,#storyViewer *{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
#storyViewer .story-viewer-top .icon-btn{touch-action:manipulation!important}


/* V7.0 SETTINGS + LIGHT THEME */
.settings-dialog{width:min(calc(100% - 18px),640px);max-height:min(92dvh,860px);padding:0!important;overflow:hidden!important}
.settings-shell{padding:18px;max-height:92dvh;overflow:auto;-webkit-overflow-scrolling:touch}
.settings-head{position:sticky;top:-18px;z-index:4;padding:18px 0 13px;background:inherit}.settings-head p{font-size:11px;color:var(--muted);margin:5px 0 0}
.settings-section{margin:18px 0 22px}.settings-section-title{margin:0 6px 8px;font-size:10px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.settings-card,.settings-toggle-row{border:1px solid var(--line);border-radius:20px;background:#0e0e10;padding:14px}
.settings-copy strong,.settings-copy small{display:block}.settings-copy strong{font-size:14px}.settings-copy small{font-size:10px;line-height:1.45;color:var(--muted);margin-top:3px}
.settings-theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px;padding:4px;border-radius:14px;background:#070708;border:1px solid rgba(255,255,255,.055)}
.settings-theme-picker button{min-height:40px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.settings-theme-picker button.active{background:#f5f5f7;color:#050505;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.settings-toggle-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:8px;cursor:pointer}.settings-toggle-row>span strong,.settings-toggle-row>span small{display:block}.settings-toggle-row>span strong{font-size:13px}.settings-toggle-row>span small{font-size:9px;color:var(--muted);margin-top:3px}.settings-toggle-row input{position:absolute;opacity:0;pointer-events:none}.settings-toggle-row i{width:49px;height:29px;border-radius:999px;background:#303035;position:relative;transition:background .16s ease}.settings-toggle-row i::after{content:"";position:absolute;width:25px;height:25px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.35);transition:transform .16s ease}.settings-toggle-row input:checked+i{background:#34c759}.settings-toggle-row input:checked+i::after{transform:translateX(20px)}
.settings-select-row{display:grid;grid-template-columns:1fr minmax(128px,auto);gap:12px;align-items:center}.settings-select-row select{margin:0;padding:11px 34px 11px 12px;min-width:128px}
.settings-account-card{display:grid;gap:10px}.settings-email-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.settings-email-grid input{margin:0}.settings-email-grid button{min-height:50px;white-space:nowrap}.settings-note{font-size:9px;color:var(--muted);margin:-2px 2px 2px}.settings-status{min-height:18px;font-size:10px;line-height:1.4;color:var(--muted);padding:2px}.settings-status.success{color:#32d74b}.settings-status.error{color:#ff6961}
.profile-action-row .credit-button{grid-column:auto!important}
html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

html[data-theme="light"]{color-scheme:light;--bg:#f5f5f7;--surface:#fff;--surface-2:#f2f2f4;--surface-3:#e9e9ec;--elevated:#fff;--text:#1d1d1f;--muted:#6e6e73;--muted-2:#8e8e93;--line:rgba(0,0,0,.09);--line-strong:rgba(0,0,0,.15);--accent:#35506f}
html[data-theme="light"],html[data-theme="light"] body{background:#f5f5f7!important;color:#1d1d1f!important}
html[data-theme="light"] .topbar{background:linear-gradient(#f5f5f7 72%,rgba(245,245,247,.88),transparent)!important}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .hero-kicker,html[data-theme="light"] .trend-label{color:#737378!important}
html[data-theme="light"] .glass,html[data-theme="light"] .panel,html[data-theme="light"] .analytics-widget,html[data-theme="light"] .trend-radar,html[data-theme="light"] .home-trend-card,html[data-theme="light"] .activity-card,html[data-theme="light"] .ranking-card,html[data-theme="light"] .resell-command{background:#fff!important;border-color:rgba(0,0,0,.08)!important;color:#1d1d1f!important;box-shadow:0 7px 22px rgba(0,0,0,.06)!important}
html[data-theme="light"] .secondary,html[data-theme="light"] .filter-pill,html[data-theme="light"] .style-chip,html[data-theme="light"] .quick-action-row button,html[data-theme="light"] .member-chip-card,html[data-theme="light"] .conversation-row,html[data-theme="light"] .profile-tile,html[data-theme="light"] .analysis-detail-card,html[data-theme="light"] .highlight-circle,html[data-theme="light"] .credit-pack-grid button{background:#fff!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.09)!important}
html[data-theme="light"] .primary,html[data-theme="light"] .command-create,html[data-theme="light"] .follow-mini{background:#1d1d1f!important;color:#fff!important;box-shadow:none!important}
html[data-theme="light"] .text-btn{color:#1d1d1f!important}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select,html[data-theme="light"] .result-box,html[data-theme="light"] .upload-card{background:#fff!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.11)!important}
html[data-theme="light"] input:focus,html[data-theme="light"] textarea:focus,html[data-theme="light"] select:focus{background:#fff!important;border-color:rgba(0,0,0,.3)!important;box-shadow:0 0 0 3px rgba(0,0,0,.035)!important}
html[data-theme="light"] .icon-btn,html[data-theme="light"] .back-btn{background:#fff!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 2px 10px rgba(0,0,0,.05)!important}
html[data-theme="light"] .tabbar{background:rgba(255,255,255,.98)!important;border-color:rgba(0,0,0,.09)!important;box-shadow:0 8px 26px rgba(0,0,0,.12)!important}
html[data-theme="light"] .tab{color:#8e8e93!important}html[data-theme="light"] .tab.active{color:#1d1d1f!important}html[data-theme="light"] .tab.center{background:#1d1d1f!important;color:#fff!important}
html[data-theme="light"] .nav-avatar{background:#eeeef0!important;border-color:rgba(0,0,0,.1)!important}html[data-theme="light"] .profile-tab-button.active .nav-avatar{outline-color:#1d1d1f!important}
html[data-theme="light"] .profile-identity .profile-bio,html[data-theme="light"] label,html[data-theme="light"] .story small,html[data-theme="light"] .highlight small{color:#515154!important}
html[data-theme="light"] .segmented{background:#e9e9ec!important;border-color:rgba(0,0,0,.06)!important}html[data-theme="light"] .segmented button.active{background:#fff!important;color:#1d1d1f!important;box-shadow:0 2px 8px rgba(0,0,0,.07)}
html[data-theme="light"] dialog:not(#storyViewer){background:#f7f7f9!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 22px 70px rgba(0,0,0,.22)!important}
html[data-theme="light"] dialog:not(#storyViewer)::backdrop{background:rgba(30,30,32,.28)!important}
html[data-theme="light"] .settings-card,html[data-theme="light"] .settings-toggle-row{background:#fff!important;border-color:rgba(0,0,0,.08)!important}html[data-theme="light"] .settings-theme-picker{background:#eeeef0!important;border-color:rgba(0,0,0,.06)!important}html[data-theme="light"] .settings-theme-picker button.active{background:#1d1d1f!important;color:#fff!important}
html[data-theme="light"] #storyViewer{background:#000!important;color:#f5f5f7!important}html[data-theme="light"] #storyViewer .icon-btn{background:rgba(30,30,32,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.1)!important}
@media(max-width:560px){.settings-dialog{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.settings-shell{max-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.settings-head{top:calc(-1 * max(12px,env(safe-area-inset-top)));padding-top:max(12px,env(safe-area-inset-top))}.settings-email-grid{grid-template-columns:1fr}.settings-email-grid button{width:100%}}


/* V7.1 REFERRAL GROWTH LOOP */
.referral-welcome{width:100%;border:1px solid rgba(180,207,255,.18);border-radius:20px;background:linear-gradient(135deg,rgba(28,35,48,.98),rgba(13,14,18,.98));color:var(--text);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;margin:-4px 0 18px;text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.referral-welcome:active{transform:scale(.985)}.referral-welcome-icon{width:38px;height:38px;border-radius:13px;background:#f5f5f7;color:#09090b;display:grid;place-items:center;font-weight:800}.referral-welcome-copy{min-width:0}.referral-welcome-copy strong,.referral-welcome-copy small{display:block}.referral-welcome-copy strong{font-size:13px}.referral-welcome-copy small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.4}.referral-welcome>b{font-size:11px;color:#f1f1f4}
.referral-entry-btn{border-color:rgba(192,211,255,.16)!important;background:linear-gradient(145deg,#1a202b,#14151a)!important}
.referral-invite-hint{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(180,207,255,.16);border-radius:15px;background:rgba(170,198,255,.07);margin:2px 0 12px}.referral-invite-hint>span{width:32px;height:32px;border-radius:11px;background:#f5f5f7;color:#08080a;display:grid;place-items:center;font-weight:800}.referral-invite-hint strong,.referral-invite-hint small{display:block}.referral-invite-hint strong{font-size:12px}.referral-invite-hint small{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.35}
.settings-referral-launch{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;color:var(--text);text-align:left;padding:14px!important}.settings-referral-launch>b{font-size:22px;color:var(--muted)}.settings-referral-icon{width:39px;height:39px;border-radius:13px;background:#f5f5f7;color:#08080a;display:grid;place-items:center;font-weight:800}
.referral-dialog{width:min(calc(100vw - 18px),560px)!important;max-width:560px!important;max-height:min(92dvh,860px)!important;margin:auto!important;padding:0!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:30px!important;background:#08080a!important;color:var(--text);overflow:auto;overscroll-behavior:contain}.referral-dialog::backdrop{background:rgba(0,0,0,.78)!important}.referral-shell{padding:18px 18px max(22px,env(safe-area-inset-bottom,0px))}.referral-head{margin-bottom:14px}.referral-head p{color:var(--muted);font-size:11px;margin:4px 0 0}
.referral-auth-view{display:grid;gap:12px}.referral-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:17px;border-radius:22px;border:1px solid rgba(190,211,255,.15);background:radial-gradient(circle at 0 0,rgba(178,202,255,.12),transparent 46%),linear-gradient(145deg,#171a20,#0e0f12)}.referral-reward-pill{width:64px;height:64px;border-radius:21px;background:#f5f5f7;color:#08080a;display:grid;place-items:center;font-size:25px;font-weight:820;letter-spacing:-1px;box-shadow:0 10px 26px rgba(0,0,0,.25)}.referral-hero small{font-size:9px;letter-spacing:.14em;color:#aeb4c0}.referral-hero h3{font-size:20px;letter-spacing:-.6px;margin:4px 0 5px}.referral-hero p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}
.referral-link-card,.referral-progress-card,.referral-how{border:1px solid var(--line);border-radius:20px;background:#111114;padding:15px}.referral-link-card label{margin:0 0 7px}.referral-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.referral-link-row input{min-width:0;background:#0b0b0d;font-size:12px;padding:12px}.referral-link-row .secondary{min-height:46px;border-radius:15px;padding:10px 13px;font-size:11px}.referral-share-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-top:8px}.referral-share-grid button{min-height:48px;border-radius:15px;font-size:12px}.referral-share-count{display:block;color:var(--muted);font-size:9px;margin-top:8px}
.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.referral-stats>div{border:1px solid var(--line);border-radius:18px;background:#101012;padding:13px 10px;text-align:center}.referral-stats small,.referral-stats span{display:block;color:var(--muted)}.referral-stats small{font-size:8px;letter-spacing:.13em}.referral-stats strong{display:block;font-size:24px;letter-spacing:-.8px;margin:4px 0 1px}.referral-stats span{font-size:9px}
.referral-progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.referral-progress-top strong{font-size:12px}.referral-progress-top small{font-size:9px;color:var(--muted);text-align:right;max-width:60%}.referral-progress-track{height:7px;border-radius:999px;background:#26262b;overflow:hidden;margin-top:12px}.referral-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#aabbd8,#f4f6fa);transition:width .32s var(--ease)}
.referral-how{display:grid;gap:11px}.referral-how>strong{font-size:12px}.referral-how>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.referral-how i{width:25px;height:25px;border-radius:9px;background:#202126;color:#f3f3f6;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:750}.referral-how span{font-size:10px;line-height:1.5;color:#b9bbc1}.referral-fineprint{font-size:9px;line-height:1.5;color:var(--muted);margin:0 2px}
.referral-logged-out{text-align:center;padding:24px 8px 8px}.referral-logged-out-icon{width:68px;height:68px;border-radius:22px;background:#f5f5f7;color:#08080a;display:grid;place-items:center;margin:0 auto 14px;font-size:25px}.referral-logged-out h3{font-size:22px;letter-spacing:-.7px;margin:0 0 7px}.referral-logged-out p{font-size:11px;color:var(--muted);line-height:1.55;max-width:360px;margin:0 auto 16px}
html[data-theme="light"] .referral-welcome{background:linear-gradient(135deg,#edf3ff,#fff);border-color:rgba(43,69,110,.12);box-shadow:0 12px 30px rgba(30,45,70,.08)}html[data-theme="light"] .referral-welcome-icon,html[data-theme="light"] .settings-referral-icon{background:#111216;color:#fff}html[data-theme="light"] .referral-entry-btn{background:#edf1f8!important;color:#14151a!important;border-color:rgba(30,45,70,.10)!important}html[data-theme="light"] .referral-invite-hint{background:#eef4ff;border-color:rgba(43,69,110,.12)}html[data-theme="light"] .referral-invite-hint>span{background:#15161a;color:#fff}html[data-theme="light"] .referral-dialog{background:#f7f7f9!important;color:#111216}html[data-theme="light"] .referral-hero{background:linear-gradient(145deg,#fff,#eef2f8);border-color:rgba(30,45,70,.10)}html[data-theme="light"] .referral-reward-pill{background:#111216;color:#fff}html[data-theme="light"] .referral-link-card,html[data-theme="light"] .referral-progress-card,html[data-theme="light"] .referral-how,html[data-theme="light"] .referral-stats>div{background:#fff;border-color:rgba(20,30,45,.09)}html[data-theme="light"] .referral-link-row input{background:#f2f3f6;color:#111216}html[data-theme="light"] .referral-progress-track{background:#e2e4e8}html[data-theme="light"] .referral-progress-track span{background:linear-gradient(90deg,#596b86,#17191e)}html[data-theme="light"] .referral-how i{background:#eceef2;color:#17191e}html[data-theme="light"] .referral-how span{color:#555963}
@media(max-width:430px){.referral-dialog{width:calc(100vw - 10px)!important;border-radius:26px!important}.referral-shell{padding:15px 14px max(18px,env(safe-area-inset-bottom,0px))}.referral-hero{grid-template-columns:54px 1fr;padding:14px}.referral-reward-pill{width:54px;height:54px;border-radius:18px;font-size:21px}.referral-hero h3{font-size:18px}.referral-link-row{grid-template-columns:1fr}.referral-share-grid{grid-template-columns:1fr 1fr}.referral-stats strong{font-size:21px}.referral-progress-top{display:block}.referral-progress-top small{display:block;text-align:left;max-width:none;margin-top:3px}.referral-welcome{padding:11px 12px}.referral-welcome-copy small{font-size:9px}}


/* V7.2 INSTALL ONBOARDING */
.settings-install-launch{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;color:var(--text);cursor:pointer}
.settings-install-launch>b{font-size:25px;color:var(--muted);font-weight:500}.settings-install-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--text);color:var(--bg);font-size:21px;font-weight:760}
.install-tutorial-dialog{width:min(94vw,520px)!important;max-width:520px!important;max-height:min(94dvh,860px)!important;margin:auto!important;padding:0!important;border:1px solid var(--line-strong)!important;border-radius:34px!important;background:var(--surface)!important;color:var(--text)!important;overflow:hidden!important;overscroll-behavior:contain}
.install-tutorial-dialog::backdrop{background:rgba(0,0,0,.82)}
.install-tutorial-shell{position:relative;min-height:0;padding:24px 20px max(22px,env(safe-area-inset-bottom,0px));overflow:auto;-webkit-overflow-scrolling:touch}
.install-tutorial-close{position:absolute;z-index:3;right:16px;top:16px;width:42px;height:42px;border-radius:15px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:24px;line-height:1}
.install-tutorial-top{text-align:center;padding:8px 28px 0}.install-app-icon{width:76px;height:76px;margin:0 auto 15px;border-radius:21px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.32);border:1px solid var(--line)}.install-app-icon img{width:100%;height:100%;object-fit:cover}
.install-tutorial-kicker{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--muted);margin-bottom:7px}.install-tutorial-top h2{font-size:clamp(30px,8vw,42px);line-height:1.02;letter-spacing:-1.7px;margin:0 auto 10px;max-width:420px}.install-tutorial-top p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 auto 12px;max-width:420px}
.install-device-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:10px;font-weight:750;letter-spacing:.04em;color:var(--muted)}
.install-phone-demo{width:min(100%,330px);height:104px;margin:18px auto 16px;border:1px solid var(--line);border-radius:24px;background:var(--surface-2);overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.18)}.install-demo-page{height:58px;padding:12px 18px;display:grid;gap:7px;align-content:center}.install-demo-page span{display:block;height:5px;border-radius:99px;background:var(--line-strong)}.install-demo-page span:nth-child(1){width:64%}.install-demo-page span:nth-child(2){width:86%}.install-demo-page span:nth-child(3){width:43%}
.install-demo-toolbar{height:46px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;color:var(--muted);font-size:20px}.install-demo-toolbar i{font-style:normal}.install-share-glyph{width:32px;height:32px;margin:auto;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text);animation:installSharePulse 1.8s ease-in-out infinite}.install-share-glyph span{transform:translateY(-1px)}
@keyframes installSharePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.install-tutorial-steps{display:grid;gap:9px;margin:0 0 14px}.install-step{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;gap:11px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}.install-step-number{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:var(--text);color:var(--bg);font-size:12px;font-weight:850}.install-step strong,.install-step small{display:block}.install-step strong{font-size:13px;margin-bottom:3px}.install-step small{font-size:11px;line-height:1.4;color:var(--muted)}.install-step>b{font-size:20px;text-align:center;color:var(--muted)}
.install-tutorial-status{min-height:18px;text-align:center;font-size:11px;color:var(--muted);margin:2px 0 8px}.install-tutorial-status.success{color:var(--success)}.install-tutorial-status.error{color:var(--danger)}
.install-tutorial-primary{min-height:56px}.install-tutorial-later{width:100%;min-height:44px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.install-tutorial-note{text-align:center;color:var(--muted);font-size:10px;line-height:1.45;margin:2px auto 0;max-width:360px}
html[data-reduce-motion="true"] .install-share-glyph{animation:none}
@media(prefers-reduced-motion:reduce){.install-share-glyph{animation:none}}
@media(max-width:540px){.install-tutorial-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}.install-tutorial-shell{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top,0px)) 17px max(18px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.install-tutorial-close{top:calc(12px + env(safe-area-inset-top,0px));right:14px}.install-tutorial-top{padding-top:4px}.install-app-icon{width:70px;height:70px}.install-phone-demo{flex:0 0 96px;height:96px}.install-demo-page{height:52px}.install-demo-toolbar{height:44px}.install-tutorial-steps{margin-top:auto}.install-tutorial-note{padding-bottom:2px}}
@media(max-height:720px) and (max-width:540px){.install-app-icon{width:58px;height:58px;border-radius:17px;margin-bottom:10px}.install-tutorial-top h2{font-size:29px;margin-bottom:7px}.install-tutorial-top p{font-size:12px;margin-bottom:8px}.install-phone-demo{display:none}.install-step{padding:9px 11px}.install-step small{font-size:10px}.install-tutorial-steps{gap:7px}.install-tutorial-primary{min-height:50px}.install-tutorial-later{min-height:36px}}