@font-face{font-family:Onest;src:url('/fonts/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:Onest,"Segoe UI",sans-serif;--canvas:#f5f4f8;--ink:#251f33;--muted:#655e73;--line:#e5e1ec;--brand-dark:#251b3b;--brand-lavender:#ece5fa;--brand-focus:#7444db;color:var(--ink);background:var(--canvas)}
body{letter-spacing:-.01em}input::placeholder,textarea::placeholder{color:#736b80;opacity:1}:focus-visible{outline-color:var(--brand-focus)}
.btn{border-radius:10px;min-height:44px}.btn.primary{background:#6f3fd6;border-color:#6f3fd6}.btn.primary:active{background:#4e279e}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
.login-page{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);padding:16px;gap:16px;background:#fff}
.login-story{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:var(--brand-lavender);padding:28px clamp(28px,5vw,76px) 24px;gap:28px;min-height:calc(100dvh - 32px)}
.story-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.story-header .brand{margin:0;flex:none}.story-header>span{font-size:11px;color:#655076;text-align:right;max-width:100px;line-height:1.4}
.story-body{max-width:520px;margin:22px 0 auto}.story-body h1{font-size:clamp(38px,4.2vw,62px);font-weight:650;line-height:1.09;letter-spacing:-.04em;max-width:14ch;margin-bottom:22px;text-wrap:initial}.story-body h1 span{color:#6b32cc}.story-body>p{font-size:15px;line-height:1.6;color:#5e4d75;max-width:34ch}
.story-foot{max-width:44ch;font-size:11px;color:#655076;padding-top:20px}
.login-main{padding:40px clamp(24px,4vw,64px);position:relative}.login-form{max-width:350px}.login-symbol{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:14px;color:var(--ink);margin-bottom:30px}.login-symbol .icon{width:28px;height:28px}
.login-form h1{font-size:32px;font-weight:650;letter-spacing:-.035em}.login-form>p.muted{font-size:14px;margin-bottom:32px}.login-form .field input{min-height:54px;padding:14px 16px}.login-form .btn.primary{min-height:54px;justify-content:space-between;padding:14px 18px;font-size:14px}.login-form .login-footer{display:flex;align-items:center;gap:8px;line-height:1.5;margin:14px 0 0;font-size:11px}.login-footer .icon{width:15px;height:15px}
.login-path{display:flex;justify-content:space-between;gap:10px;padding:24px 0 0;margin:40px 0 0;list-style:none;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.login-path li{display:flex;align-items:center;gap:10px}.login-path .icon{width:14px;height:14px;color:#9487a6}
.instagram-preview{margin-top:32px;border-radius:14px;overflow:hidden;background:#fff;color:#251f33;max-width:440px;text-align:left}
.instagram-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #eeeaf3;font-size:12px;font-weight:600}.instagram-preview-head>span:first-child{display:flex;align-items:center;gap:8px}.instagram-preview-head .icon{width:17px;height:17px}.preview-example{color:#746d7e;font-size:10px;font-weight:400}
.instagram-thread{padding:22px 18px 24px}.instagram-comment,.instagram-reply{display:flex;align-items:flex-start;gap:11px}.instagram-comment .avatar{width:34px;height:34px;font-size:10px;background:#ede7f6;color:#69577d}.instagram-comment-copy{flex:1;min-width:0}.instagram-comment-copy>p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.instagram-comment-copy strong{font-weight:650;margin-right:5px}.instagram-comment-meta{display:flex;gap:16px;margin-top:8px;font-size:10px;color:#716a7c}.instagram-comment-meta>span:last-child{font-weight:600}.instagram-heart{color:#625a70;margin-top:6px;flex:none}.instagram-heart .icon{width:13px;height:13px;stroke-width:1.6}.instagram-reply{margin:24px 0 0 45px;gap:9px}.instagram-business-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f3edf9;flex:none}.instagram-business-avatar img{width:23px;height:23px;object-fit:contain}
.sidebar{background:var(--brand-dark);border-right:0;color:#fff;padding-top:24px}.sidebar .brand-wordmark{display:none}.sidebar .product-label{color:#c9bedb;font-size:11px;padding-top:3px;margin-bottom:34px}.sidebar .nav a{color:#d2c8e1;font-size:13px;border-radius:10px;padding:13px}.sidebar .nav a:hover{background:#382b50}.sidebar .nav a.active{background:#eee7fb;color:#4e2797}.sidebar-foot{border-color:#4a3b62}.sidebar-foot .muted,.sidebar-foot .btn{color:#c9bedb}.sidebar-foot .btn:hover{background:#382b50;color:#fff}
.content{padding-top:38px}.page-title h1{font-size:32px;font-weight:650;letter-spacing:-.04em}.page-title p{font-size:13px}.topbar{min-height:70px}.panel-head h2{font-size:17px;font-weight:650}.metric-value{font-size:38px;font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:12px 0 8px}.metric:first-child .metric-value{color:#6b32cc}.metric-label{font-size:11px;font-weight:500}.metric-note{font-size:11px}.chart-bar.reply{fill:#7139d5}.chart-bar{fill:#dbccf1}.metrics{padding-top:26px;padding-bottom:26px}.settings-preview{padding:0;overflow:hidden}.settings-preview>h2{padding:22px 22px 0}.settings-preview .instagram-preview{margin:0;border-radius:0;max-width:none}.settings-preview .instagram-preview-head{padding-left:22px;padding-right:22px}.settings-preview .instagram-thread{padding-left:22px;padding-right:22px}.settings-preview>.preview-caption{margin:0;padding:0 22px 22px;font-size:11px}
@media(min-width:881px){.content{max-width:1230px}.nav a{transition:background .18s ease,color .18s ease}}
@media(max-width:1100px){.story-header>span{display:none}.login-story{padding:28px 32px}.story-body h1{font-size:46px}.instagram-reply{margin-left:36px}.instagram-comment,.instagram-reply{gap:8px}.login-main{padding:32px}.content{padding-top:30px}.metric-value{font-size:32px}}
@media(max-width:880px){.login-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:0}.login-story{padding:24px;min-height:calc(100dvh - 24px)}.story-body h1{font-size:38px}.story-body>p{font-size:14px}.instagram-thread{padding:18px 14px}.instagram-preview-head{padding:13px 14px}.instagram-reply{margin-left:28px}.instagram-comment-copy>p{font-size:11px}.login-main{padding:28px}.login-form h1{font-size:28px}.sidebar{padding:16px 20px 12px}.sidebar .brand-art{width:140px}.sidebar .nav a{font-size:12px;padding:9px 11px}.page-title h1{font-size:29px}.metrics{padding:20px 0}.metric{padding:0 18px}.metric-value{font-size:30px}.settings-preview{position:static}}
@media(max-width:620px){.login-page{display:flex;flex-direction:column;padding:0;gap:0}.login-story{display:contents}.story-header{order:0;padding:20px 24px;background:#fff}.story-header .brand-art{width:140px}.story-header>span{display:block;font-size:10px;max-width:90px}.login-main{order:1;padding:28px 24px 32px;display:block}.login-form{max-width:400px;margin:auto}.login-symbol{display:none}.login-form h1{font-size:32px}.login-form>p.muted{margin-bottom:28px}.login-path{margin-top:28px;padding-top:20px}.story-body{order:2;display:block;margin:0;padding:30px 24px;background:var(--brand-lavender);max-width:none}.story-body h1{font-size:33px;max-width:17ch;margin-bottom:16px}.story-body>p{font-size:13px;max-width:35ch}.instagram-preview{margin-top:24px;max-width:none}.instagram-comment-copy>p{font-size:12px}.instagram-thread{padding:20px 16px}.instagram-reply{margin-left:34px}.story-foot{order:3;display:block;background:var(--brand-lavender);padding:0 24px 28px;margin:0;max-width:none;font-size:10px}.page-title h1{font-size:27px}.content{padding-top:24px}.metrics{padding:0}.metric{padding:20px 16px}.metric-value{font-size:32px}.sidebar .nav{margin-top:10px}.settings-preview{padding:0}.instagram-reply .instagram-heart{display:none}}
@media(prefers-reduced-motion:no-preference){.login-page .instagram-reply{animation:reply-arrival .7s cubic-bezier(.16,1,.3,1) both;animation-delay:.15s}@keyframes reply-arrival{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}