*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{
  --pink:#C2688A;--pink-light:#FFF5F8;--pink-glow:#A85574;
  --dark:#FAF8F5;--card:#FFFFFF;--surface:#F0ECE7;
  --gold:#B8862B;--white:#2B2640;--gray:#8E8AA3;--text:#524E68;
  --green:#4DA67A;--blue:#5494BE;--purple:#7E5EA8;--red:#CC6565;--orange:#C47D4A;
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--dark);color:var(--text);line-height:1.65;overflow-x:hidden}
.serif{font-family:'Playfair Display',serif}

.hero{
  background:linear-gradient(135deg,#FFF5F0 0%,#FFF0F5 50%,#F5F0FF 100%);
  padding:48px 20px 36px;text-align:center;position:relative;overflow:hidden;
}
.hero::before{content:'';position:absolute;top:-80px;right:-80px;width:260px;height:260px;
  background:radial-gradient(circle,rgba(194,104,138,.08) 0%,transparent 70%);border-radius:50%}
.hero::after{content:'';position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(184,134,43,.06) 0%,transparent 70%);border-radius:50%}
.hero-badge{display:inline-block;padding:6px 16px;border-radius:20px;
  background:rgba(194,104,138,.12);border:1px solid rgba(194,104,138,.25);margin-bottom:16px}
.hero-badge span{font-size:11px;font-weight:700;color:var(--pink);letter-spacing:2.5px;text-transform:uppercase}
.hero h1{font-size:clamp(32px,6vw,42px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:10px}
.hero p{font-size:15px;color:var(--gray);max-width:460px;margin:0 auto 24px;line-height:1.6}
.stats{display:flex;justify-content:center;gap:clamp(20px,5vw,36px);flex-wrap:wrap}
.stat-val{font-size:clamp(20px,4vw,26px);font-weight:800;color:var(--pink)}
.stat-label{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:1.2px;margin-top:2px}

.container{max-width:740px;margin:0 auto;padding:24px 16px 80px}
.section-hint{font-size:13px;color:var(--gray);text-align:center;margin-bottom:18px}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:400px){.tiles{grid-template-columns:1fr}}
.tile{
  background:var(--card);border:1px solid var(--surface);border-radius:16px;
  padding:20px;text-align:left;cursor:pointer;position:relative;overflow:hidden;
  transition:border-color .25s,transform .25s,box-shadow .25s;-webkit-user-select:none;user-select:none;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.tile:active{transform:scale(.97)!important}
@media(hover:hover){.tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.07)}}
.tile-glow{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;pointer-events:none}
.tile-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}
.tile h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px}
.tile .sub{font-size:12px;color:var(--gray)}
.tile .meta{margin-top:14px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600}
.tile .meta .arrow{font-size:14px;transition:transform .2s}
.tile:hover .arrow{transform:translateX(3px)}

.tile-section-label{
  grid-column:1/-1;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.2px;color:var(--gray);padding:18px 0 2px;margin-top:4px;
  border-top:1px solid var(--surface);
}
.tile-section-label:first-child{border-top:none;margin-top:0;padding-top:4px}

.back-btn{
  background:var(--card);border:1px solid var(--surface);color:var(--gray);
  padding:10px 18px;border-radius:10px;cursor:pointer;margin:20px 0 16px;
  font-size:14px;font-family:'DM Sans',sans-serif;display:inline-flex;align-items:center;gap:8px;
  transition:background .2s;
}
.back-btn:hover{background:var(--surface)}
.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.detail-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.detail-header h1{font-size:clamp(22px,5vw,28px);font-weight:800;color:var(--white);line-height:1.2}
.detail-header .sub{font-size:14px;color:var(--gray);margin-top:4px}
.detail-line{width:100%;height:3px;border-radius:2px;margin:16px 0 24px}

.acc{margin-bottom:8px;border-radius:12px;overflow:hidden;background:var(--card);
  border:1px solid var(--surface);transition:border-color .3s;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.acc.open{border-color:rgba(0,0,0,.06)}
.acc-header{
  width:100%;padding:16px 20px;background:transparent;border:none;
  color:var(--white);font-size:15px;font-weight:600;text-align:left;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  font-family:'DM Sans',sans-serif;gap:12px;
}
.acc-arrow{transition:transform .3s;font-size:18px;flex-shrink:0}
.acc.open .acc-arrow{transform:rotate(180deg)}
.acc-body{overflow:hidden;transition:max-height .4s ease}
.acc-inner{padding:0 20px 20px;font-size:14px;line-height:1.75;color:var(--text)}
.acc-inner strong{color:var(--white);font-weight:700}

.footer-quote{margin-top:40px;padding:24px 20px;background:var(--card);border-radius:16px;
  border:1px solid var(--surface);text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.footer-quote .label{font-size:14px;color:var(--pink);font-weight:700;margin-bottom:8px}
.footer-quote .quote{font-size:15px;color:var(--text);line-height:1.7;font-style:italic}

.scroll-top{
  position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;
  background:var(--pink);color:#fff;border:none;cursor:pointer;font-size:20px;
  display:none;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(194,104,138,.4);z-index:99;transition:opacity .3s;
}
.scroll-top.show{display:flex}

/* ─── FORMS ─── */
.form-group{margin-bottom:18px}
.form-label{display:block;font-size:13px;font-weight:600;color:var(--gray);margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}
.form-input,.form-select,.form-textarea{
  width:100%;padding:12px 16px;background:var(--surface);border:1px solid rgba(0,0,0,.06);
  border-radius:10px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;
  transition:border-color .2s;outline:none;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--pink)}
.form-textarea{min-height:120px;resize:vertical;line-height:1.7}
.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238E8AA3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form-select option{background:var(--card);color:var(--white)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:500px){.form-row{grid-template-columns:1fr}}

/* ─── PILLS ─── */
.pill-group{display:flex;flex-wrap:wrap;gap:8px}
.pill{
  padding:7px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;
  border:1px solid var(--surface);background:transparent;color:var(--gray);
  transition:all .2s;font-family:'DM Sans',sans-serif;white-space:nowrap;
}
.pill.active{background:rgba(194,104,138,.15);border-color:var(--pink);color:var(--pink)}
.pill:hover{border-color:rgba(194,104,138,.4)}

/* ─── BUTTONS ─── */
.btn{
  padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;
  font-family:'DM Sans',sans-serif;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px;
}
.btn-primary{background:var(--pink);color:#fff}
.btn-primary:hover{background:#A85574;transform:translateY(-1px)}
.btn-primary:disabled{background:var(--pink);color:#fff;opacity:.7;cursor:wait;transform:none;animation:btnPulse 1.8s ease-in-out infinite}
.btn-secondary{background:var(--surface);color:var(--text);border:1px solid rgba(0,0,0,.06)}
.btn-secondary:hover{background:rgba(0,0,0,.06)}
.btn-danger{background:rgba(255,107,107,.15);color:var(--red);border:1px solid rgba(255,107,107,.2)}
.btn-danger:hover{background:rgba(255,107,107,.25)}
.btn-sm{padding:8px 16px;font-size:13px;border-radius:8px}
.btn-full{width:100%;justify-content:center}

/* ─── EPISODE CARDS ─── */
.ep-timeline{position:relative;padding-left:40px}
.ep-timeline::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--surface)}
.ep-card{
  position:relative;margin-bottom:16px;background:var(--card);border:1px solid var(--surface);
  border-radius:14px;padding:18px 20px;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:pointer;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.ep-card:hover{border-color:rgba(194,104,138,.3);transform:translateX(4px)}
.ep-card::before{
  content:attr(data-num);position:absolute;left:-40px;top:18px;width:32px;height:32px;
  border-radius:50%;background:var(--pink);color:#fff;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center;z-index:1;
}
.ep-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.ep-card h4{font-size:15px;font-weight:700;color:var(--white);line-height:1.3}
.ep-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}
.ep-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--gray)}
.ep-card-meta span{display:flex;align-items:center;gap:4px}
.ep-card-hook{margin-top:8px;font-size:13px;color:var(--text);font-style:italic;opacity:.85;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ─── SEARCH & FILTER BAR ─── */
.filter-bar{background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:16px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.filter-bar .search-row{display:flex;gap:10px;margin-bottom:10px}
.filter-bar .search-input{flex:1;padding:10px 14px;background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:10px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color .2s}
.filter-bar .search-input:focus{border-color:var(--pink)}
.filter-bar .search-input::placeholder{color:var(--gray)}
.filter-row{display:flex;gap:8px;flex-wrap:wrap}
.filter-select{padding:7px 12px;background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:12px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%238E8AA3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}
.filter-select:focus{border-color:var(--pink)}
.filter-count{font-size:12px;color:var(--gray);margin-top:10px;text-align:right}

/* ─── CONTENT CALENDAR ─── */
.cal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cal-nav h3{font-size:17px;font-weight:700;color:var(--white)}
.cal-nav button{background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:6px 14px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:var(--text);transition:background .2s}
.cal-nav button:hover{background:rgba(0,0,0,.06)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:20px}
.cal-day-label{text-align:center;font-size:10px;font-weight:700;color:var(--gray);text-transform:uppercase;padding:6px 0;letter-spacing:1px}
.cal-cell{min-height:64px;background:var(--card);border:1px solid var(--surface);border-radius:8px;padding:4px;position:relative;cursor:pointer;transition:border-color .2s}
.cal-cell:hover{border-color:rgba(194,104,138,.3)}
.cal-cell.today{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink)}
.cal-cell.other-month{opacity:.35}
.cal-date{font-size:11px;font-weight:600;color:var(--gray);text-align:right;padding:2px 4px}
.cal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:1px}
.cal-item{font-size:9px;line-height:1.2;padding:2px 4px;border-radius:4px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-weight:600}
.cal-item:hover{opacity:.8}
.cal-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--gray);margin-bottom:16px}
.cal-legend span{display:flex;align-items:center;gap:4px}
@media(max-width:500px){.cal-cell{min-height:48px}.cal-item{display:none}.cal-cell .cal-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;padding:2px}}

/* ─── QUICK ADD BUTTON ─── */
.quick-add{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:16px 24px;margin:20px 0 8px;border-radius:14px;cursor:pointer;
  background:linear-gradient(135deg,var(--pink) 0%,#A85574 100%);color:#fff;
  font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;border:none;
  box-shadow:0 4px 16px rgba(194,104,138,.3);transition:transform .2s,box-shadow .2s;
}
.quick-add:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(194,104,138,.4)}
.quick-add:active{transform:scale(.98)}

/* ─── DRAFT REVIEW ─── */
.draft-zone{
  border:2px dashed var(--surface);border-radius:14px;padding:20px;margin-bottom:20px;
  transition:border-color .2s;position:relative;
}
.draft-zone.drag-over{border-color:var(--pink);background:rgba(194,104,138,.04)}
.draft-output{
  background:var(--card);border:1px solid var(--surface);border-radius:14px;
  padding:24px;margin-top:20px;font-size:14px;line-height:1.8;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.draft-output h2{font-size:18px;font-weight:700;color:var(--white);margin:20px 0 10px}
.draft-output h3{font-size:16px;font-weight:700;color:var(--pink);margin:18px 0 8px;
  padding-bottom:6px;border-bottom:1px solid var(--surface)}
.draft-output h4{font-size:14px;font-weight:600;color:var(--gold);margin:14px 0 6px}
.draft-output strong{color:var(--white)}
.draft-output em{color:var(--pink-glow)}

/* ─── DASHBOARD ─── */
.dash-card{background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.dash-card h3{font-size:14px;font-weight:700;color:var(--white);margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}
.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bar-label{font-size:12px;color:var(--gray);width:100px;flex-shrink:0;text-align:right}
.bar-track{flex:1;height:22px;background:var(--surface);border-radius:6px;overflow:hidden;position:relative}
.bar-fill{height:100%;border-radius:6px;transition:width .5s ease;display:flex;align-items:center;padding-left:8px}
.bar-fill span{font-size:11px;font-weight:700;color:#fff}
.suggestion-box{background:rgba(194,104,138,.08);border:1px solid rgba(194,104,138,.2);border-radius:12px;padding:16px 18px;margin-top:12px}
.suggestion-box p{font-size:14px;color:var(--text);line-height:1.6}
.suggestion-box strong{color:var(--pink)}

/* ─── ARC CARDS ─── */
.arc-card{background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:18px 20px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.arc-card h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px}
.arc-eps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.arc-ep-chip{padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--surface);color:var(--text)}

/* ─── LOADING ─── */
.loading-pulse{text-align:center;padding:40px 20px;color:var(--pink);font-size:15px;font-weight:500}
.loading-pulse::after{content:'';animation:dots 1.5s infinite}
@keyframes dots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}

/* ─── EMPTY STATE ─── */
.empty{text-align:center;padding:48px 20px;color:var(--gray)}
.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}
.empty p{font-size:14px;line-height:1.6;margin-bottom:16px}

/* ─── API KEY ─── */
.api-row{display:flex;gap:8px;align-items:center;margin-bottom:20px}
.api-row input{flex:1}
.api-toggle{background:none;border:none;color:var(--gray);cursor:pointer;font-size:18px;padding:8px}

/* ─── RESPONSIVE ─── */
@media(max-width:600px){
  .hero{padding:36px 16px 28px}
  .container{padding:20px 12px 60px}
  .tile{padding:16px}
  .tile-icon{width:36px;height:36px;font-size:18px;margin-bottom:10px}
  .tile h3{font-size:14px}
  .acc-header{padding:14px 16px;font-size:14px}
  .acc-inner{padding:0 16px 16px;font-size:13px}
  .detail-icon{width:44px;height:44px;font-size:24px}
  .ep-timeline{padding-left:36px}
  .ep-card::before{left:-36px;width:28px;height:28px;font-size:11px}
  .form-row{grid-template-columns:1fr}
}

/* Daily affirmation */
.affirmation{
  margin:0 auto 20px;max-width:520px;padding:16px 20px;border-radius:14px;
  background:linear-gradient(135deg,rgba(194,104,138,.10) 0%,rgba(184,134,43,.08) 100%);
  border:1px solid rgba(194,104,138,.18);text-align:center;
  animation:affirmFade .8s ease;
}
.affirmation .aff-emoji{font-size:28px;margin-bottom:6px}
.affirmation .aff-text{font-size:14px;color:var(--white);line-height:1.65;font-style:italic;font-weight:500}
.affirmation .aff-label{font-size:10px;color:var(--pink);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-top:8px}
@keyframes affirmFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* ─── PRODUCTION CHECKLIST ─── */
.checklist{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.check-step{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--surface);background:transparent;color:var(--gray);font-family:'DM Sans',sans-serif;transition:all .2s}
.check-step.done{background:rgba(77,166,122,.15);border-color:var(--green);color:var(--green);text-decoration:line-through}
.check-step:hover{border-color:var(--green)}
.check-icon{font-size:14px}

/* ─── PINNED STAR ─── */
.pin-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;opacity:.4;transition:opacity .2s}
.pin-btn.pinned{opacity:1}
.pin-btn:hover{opacity:.8}

/* ─── SMART SUGGESTIONS ─── */
.smart-suggestions{margin:12px 0 20px;display:flex;flex-direction:column;gap:8px}
.smart-chip{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--card);border:1px solid var(--surface);font-size:13px;color:var(--text);line-height:1.4;box-shadow:0 1px 3px rgba(0,0,0,.03);cursor:pointer;transition:border-color .2s}
.smart-chip:hover{border-color:rgba(194,104,138,.3)}
.smart-chip .chip-icon{font-size:20px;flex-shrink:0}

/* ─── DARK MODE ─── */
.dark-toggle{position:fixed;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--surface);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .2s}
.dark-toggle:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}
body.dark{--dark:#1A1825;--card:#242236;--surface:#2E2C3F;--white:#E8E6F0;--gray:#8E8AA3;--text:#B0ADC4}
body.dark .hero{background:linear-gradient(135deg,#1E1B2E 0%,#2A1F2F 50%,#1E1B30 100%)}
body.dark .toast{background:#E8E6F0;color:#1A1825}
body.dark .draft-output{background:var(--card)}
body.dark .quick-add{box-shadow:0 4px 16px rgba(194,104,138,.2)}

/* ─── HASHTAG LIBRARY ─── */
.tag-set{background:var(--card);border:1px solid var(--surface);border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.tag-set h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:8px}
.tag-tags{display:flex;flex-wrap:wrap;gap:6px}
.tag-chip{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:500;background:var(--surface);color:var(--text)}

/* ─── ONBOARDING ─── */
.onboard-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}
.onboard-card{background:var(--card);border-radius:20px;padding:32px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 16px 48px rgba(0,0,0,.2);animation:affirmFade .4s ease}
.onboard-card h2{font-size:22px;font-weight:800;color:var(--white);margin-bottom:8px}
.onboard-card p{font-size:14px;color:var(--text);line-height:1.6;margin-bottom:20px}
.onboard-dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}
.onboard-dot{width:8px;height:8px;border-radius:50%;background:var(--surface)}
.onboard-dot.active{background:var(--pink)}

/* ─── JOURNAL / NOTES ─── */
.note-card{background:var(--card);border:1px solid var(--surface);border-radius:12px;padding:14px 16px;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.03);position:relative}
.note-card .note-date{font-size:11px;color:var(--gray);margin-bottom:4px}
.note-card .note-text{font-size:13px;color:var(--text);line-height:1.6;white-space:pre-wrap}
.note-card .note-del{position:absolute;top:10px;right:12px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--gray);opacity:.5}
.note-card .note-del:hover{opacity:1;color:var(--red)}

/* ─── BATCH SELECT ─── */
.batch-bar{position:sticky;top:0;z-index:50;background:var(--pink);color:#fff;padding:10px 16px;border-radius:10px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(194,104,138,.3)}
.batch-bar span{font-size:13px;font-weight:600}
.batch-bar select,.batch-bar button{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;border-radius:6px;padding:6px 12px;border:none;cursor:pointer}
.batch-bar select{background:rgba(255,255,255,.2);color:#fff}
.batch-bar select option{color:var(--white);background:var(--card)}
.batch-bar button{background:#fff;color:var(--pink)}
.ep-card .batch-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:6px;border:2px solid var(--surface);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:all .2s;z-index:2}
.ep-card .batch-check.checked{background:var(--pink);border-color:var(--pink);color:#fff}

/* Toast notification */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);
  background:var(--white);color:#fff;padding:12px 24px;border-radius:12px;
  font-size:14px;font-weight:600;z-index:9999;pointer-events:none;
  opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);
  box-shadow:0 8px 24px rgba(0,0,0,.15);white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* View transitions */
#app{animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Loading button pulse — animation defined above in .btn-primary:disabled */
@keyframes btnPulse{0%,100%{opacity:.7}50%{opacity:.5}}

/* ─── MULTI-PLATFORM CHIPS ─── */
.plat-check{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.plat-chip{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:16px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--surface);background:transparent;color:var(--gray);font-family:'DM Sans',sans-serif;transition:all .2s;user-select:none}
.plat-chip.active{background:rgba(194,104,138,.15);border-color:var(--pink);color:var(--pink)}
.plat-chip:hover{border-color:rgba(194,104,138,.3)}
.plat-url-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}
.plat-url-row input{flex:1;padding:6px 10px;background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:6px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:12px;outline:none}
.plat-url-row span{color:var(--gray);min-width:70px;font-weight:500}

/* ─── STRUCTURED METRICS ─── */
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:10px}
.metric-box{background:var(--surface);border-radius:10px;padding:10px 8px;text-align:center}
.metric-box input{width:100%;background:transparent;border:none;font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;color:var(--white);text-align:center;outline:none}
.metric-box input::placeholder{color:var(--gray);font-size:14px;font-weight:400}
.metric-box label{font-size:9px;color:var(--gray);text-transform:uppercase;letter-spacing:.8px;margin-top:2px;display:block}

/* ─── GOALS WIDGET ─── */
.goals-widget{margin:12px 0 20px;background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.goals-widget h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.goals-widget h4 a{font-size:11px;color:var(--pink);cursor:pointer;font-weight:600;text-decoration:none}
.goal-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.goal-label{font-size:12px;color:var(--gray);width:80px;flex-shrink:0;text-align:right}
.goal-bar{flex:1;height:8px;background:var(--surface);border-radius:4px;overflow:hidden}
.goal-fill{height:100%;border-radius:4px;transition:width .3s}
.goal-count{font-size:11px;font-weight:700;color:var(--text);width:50px;text-align:left}

/* ─── WEEK VIEW CALENDAR ─── */
.cal-view-toggle{display:flex;gap:4px;background:var(--surface);border-radius:8px;padding:2px}
.cal-view-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--gray);font-family:'DM Sans',sans-serif;transition:all .2s}
.cal-view-btn.active{background:var(--card);color:var(--pink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px}
.week-cell{background:var(--card);border:1px solid var(--surface);border-radius:10px;padding:8px;min-height:120px;position:relative;cursor:pointer;transition:border-color .2s}
.week-cell:hover{border-color:rgba(194,104,138,.3)}
.week-cell.today{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink)}
.week-day-name{font-size:10px;font-weight:700;color:var(--gray);text-transform:uppercase;text-align:center;margin-bottom:2px;letter-spacing:.5px}
.week-date{font-size:14px;font-weight:700;color:var(--white);text-align:center;margin-bottom:6px}
@media(max-width:600px){.week-grid{grid-template-columns:1fr}.week-cell{min-height:auto;padding:12px}.week-day-name{text-align:left;display:inline;margin-right:6px}.week-date{text-align:left;display:inline}}

/* ─── TEMPLATE CARD ─── */
.template-card{background:var(--card);border:1px solid var(--surface);border-radius:12px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:border-color .2s;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;justify-content:space-between;align-items:center;gap:12px}
.template-card:hover{border-color:rgba(194,104,138,.3)}
.template-card h4{font-size:14px;font-weight:600;color:var(--white)}
.template-card .template-meta{font-size:11px;color:var(--gray);margin-top:2px}

/* ─── TREND BOOKMARK ─── */
.trend-card{background:var(--card);border:1px solid var(--surface);border-radius:12px;padding:14px 16px;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.03);position:relative}
.trend-card .trend-type{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;margin-bottom:6px}
.trend-card h4{font-size:14px;font-weight:600;color:var(--white);margin-bottom:2px}
.trend-card p{font-size:12px;color:var(--gray);line-height:1.5}
.trend-card .trend-del{position:absolute;top:10px;right:12px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--gray);opacity:.5}
.trend-card .trend-del:hover{opacity:1;color:var(--red)}

/* ─── COLLAB INFO ─── */
.collab-card{background:rgba(84,148,190,.06);border:1px solid rgba(84,148,190,.15);border-radius:12px;padding:14px;margin-bottom:12px}
.collab-card h4{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:8px}

/* ─── EARNINGS ─── */
.earnings-big{font-size:32px;font-weight:800;color:var(--green);text-align:center;padding:12px 0}
.earnings-sub{font-size:12px;color:var(--gray);text-align:center;margin-bottom:8px}

/* ─── QUICK STATUS ─── */
.quick-status{position:relative;display:inline-block}
.quick-status-menu{position:absolute;top:100%;right:0;background:var(--card);border:1px solid var(--surface);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:60;min-width:140px;padding:4px;display:none}
.quick-status-menu.show{display:block}
.quick-status-opt{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;border-radius:6px;transition:background .15s}
.quick-status-opt:hover{background:var(--surface)}

/* ─── SERIES GROUP ─── */
.series-group-header{font-size:14px;font-weight:700;color:var(--white);padding:12px 0 8px;margin-top:12px;border-bottom:2px solid var(--surface);display:flex;justify-content:space-between;align-items:center}
.series-group-header span{font-size:12px;color:var(--gray);font-weight:500}

/* ─── DRAG/MOVE CALENDAR ─── */
.cal-cell.drag-over{background:rgba(194,104,138,.08);border-color:var(--pink)}
.cal-move-btn{background:none;border:none;cursor:pointer;font-size:10px;color:var(--gray);padding:1px 3px;border-radius:4px;transition:color .2s}
.cal-move-btn:hover{color:var(--pink)}

/* ─── CREATOR PROFILE / SETTINGS ─── */
.profile-card{background:var(--card);border:1px solid var(--surface);border-radius:16px;padding:24px 20px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.profile-card h3{font-size:14px;font-weight:700;color:var(--white);margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}
.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--pink);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.profile-name{font-size:18px;font-weight:800;color:var(--white);text-align:center}
.profile-sub{font-size:12px;color:var(--gray);text-align:center;margin-top:4px}
.pillar-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:500;background:var(--surface);color:var(--text);margin:2px}
.pillar-tag .pillar-del{cursor:pointer;opacity:.5;font-size:10px;margin-left:2px}
.pillar-tag .pillar-del:hover{opacity:1;color:var(--red)}

/* ─── MODE TOGGLE ─── */
.mode-toggle{display:flex;gap:4px;background:var(--surface);border-radius:20px;padding:3px;margin:0 auto 16px;max-width:220px}
.mode-btn{flex:1;padding:7px 14px;border-radius:18px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--gray);font-family:'DM Sans',sans-serif;transition:all .2s;text-align:center}
.mode-btn.active{background:var(--card);color:var(--pink);box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* ─── WIZARD ─── */
.wizard-steps{display:flex;justify-content:center;gap:0;margin-bottom:24px}
.wizard-step{display:flex;align-items:center;gap:0}
.wizard-dot{width:32px;height:32px;border-radius:50%;background:var(--surface);color:var(--gray);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s}
.wizard-dot.active{background:var(--pink);color:#fff}
.wizard-dot.done{background:var(--green);color:#fff}
.wizard-line{width:28px;height:2px;background:var(--surface);margin:0 2px}
.wizard-line.done{background:var(--green)}
.wizard-body{min-height:200px}
.wizard-actions{display:flex;gap:12px;margin-top:20px}

/* ─── TOOLTIPS ─── */
.tip-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--surface);color:var(--gray);font-size:10px;font-weight:700;cursor:pointer;margin-left:6px;position:relative;vertical-align:middle;border:1px solid rgba(0,0,0,.06);transition:all .2s}
.tip-icon:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
.tip-bubble{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--white);color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:400;line-height:1.5;min-width:220px;max-width:280px;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.2);text-transform:none;letter-spacing:0;white-space:normal}
.tip-bubble::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--white)}
.tip-icon:hover .tip-bubble{display:block}
body.dark .tip-bubble{background:#E8E6F0;color:#1A1825}
body.dark .tip-bubble::after{border-top-color:#E8E6F0}

/* ─── GROWTH TRACKER ─── */
.growth-card{background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.growth-card h3{font-size:14px;font-weight:700;color:var(--white);margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}
.growth-chart{width:100%;height:160px;position:relative;margin:12px 0}
.growth-bar-row{display:flex;align-items:flex-end;gap:4px;height:120px;padding:0 4px}
.growth-bar{flex:1;background:var(--pink);border-radius:4px 4px 0 0;min-width:12px;transition:height .3s;position:relative;cursor:pointer}
.growth-bar:hover{opacity:.8}
.growth-bar-label{font-size:9px;color:var(--gray);text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.growth-stat{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;color:var(--text)}
.growth-stat .growth-val{font-weight:700;color:var(--white);min-width:60px}
.growth-stat .growth-delta{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}
.growth-delta.up{background:rgba(77,166,122,.15);color:var(--green)}
.growth-delta.down{background:rgba(204,101,101,.15);color:var(--red)}

/* ─── ENGAGEMENT CALCULATOR ─── */
.eng-result{background:linear-gradient(135deg,rgba(194,104,138,.08),rgba(184,134,43,.06));border:1px solid rgba(194,104,138,.15);border-radius:14px;padding:20px;text-align:center;margin:16px 0}
.eng-rate{font-size:36px;font-weight:900;color:var(--pink)}
.eng-label{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-top:4px}
.eng-bench{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:12px;color:var(--text)}
.eng-bench span{padding:4px 12px;border-radius:8px;background:var(--surface)}
.eng-bench span.current{background:var(--pink);color:#fff}

/* ─── RATE CARD / MEDIA KIT ─── */
.rate-card-preview{background:linear-gradient(135deg,#FFF5F0,#FFF0F5,#F5F0FF);border-radius:16px;padding:28px 24px;border:1px solid rgba(194,104,138,.15);margin:16px 0}
.rate-card-preview h2{font-size:22px;font-weight:800;color:var(--white);margin-bottom:4px}
.rate-card-preview .rc-sub{font-size:13px;color:var(--gray);margin-bottom:16px}
.rate-table{width:100%;border-collapse:collapse;margin:12px 0}
.rate-table th{text-align:left;font-size:11px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.8px;padding:8px 12px;border-bottom:2px solid var(--surface)}
.rate-table td{padding:10px 12px;font-size:14px;color:var(--text);border-bottom:1px solid var(--surface)}
.rate-table td:last-child{font-weight:700;color:var(--green)}
body.dark .rate-card-preview{background:linear-gradient(135deg,#1E1B2E,#2A1F2F,#1E1B30)}

/* ─── INCOME STREAMS ─── */
.income-card{background:var(--card);border:1px solid var(--surface);border-radius:12px;padding:14px 16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.income-card .income-name{font-size:14px;font-weight:600;color:var(--white)}
.income-card .income-amt{font-size:16px;font-weight:800;color:var(--green)}
.income-card .income-del{background:none;border:none;cursor:pointer;font-size:14px;color:var(--gray);opacity:.5;padding:4px}
.income-card .income-del:hover{opacity:1;color:var(--red)}
.income-goal-bar{height:12px;background:var(--surface);border-radius:6px;overflow:hidden;margin:8px 0}
.income-goal-fill{height:100%;border-radius:6px;transition:width .5s;background:linear-gradient(90deg,var(--green),var(--gold))}
.income-total{font-size:28px;font-weight:900;color:var(--green);text-align:center;padding:8px 0}
.income-goal-text{font-size:12px;color:var(--gray);text-align:center}
.import-zone{border:2px dashed var(--surface);border-radius:14px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:12px;position:relative}
.import-zone:hover,.import-zone.drag-over{border-color:var(--pink);background:rgba(194,104,138,.04)}
.import-zone .import-icon{font-size:32px;margin-bottom:8px}
.import-zone p{font-size:13px;color:var(--gray);line-height:1.5}
.import-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.csv-preview{background:var(--surface);border-radius:10px;padding:12px;margin:12px 0;max-height:200px;overflow:auto;font-size:12px}
.csv-preview table{width:100%;border-collapse:collapse}
.csv-preview th{text-align:left;font-weight:700;color:var(--white);padding:4px 8px;border-bottom:1px solid rgba(0,0,0,.1);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.csv-preview td{padding:4px 8px;color:var(--text);border-bottom:1px solid rgba(0,0,0,.04)}
.csv-preview tr:hover td{background:rgba(194,104,138,.04)}
.import-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--surface);border-radius:8px;padding:2px}
.import-tab{flex:1;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--gray);font-family:'DM Sans',sans-serif;transition:all .2s;text-align:center}
.import-tab.active{background:var(--card);color:var(--pink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sync-count{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;background:rgba(77,166,122,.15);color:var(--green);margin-left:6px}

/* ─── INSPIRATION FEED ─── */
.inspo-card{background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:18px 20px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.04);cursor:pointer;transition:border-color .2s}
.inspo-card:hover{border-color:rgba(194,104,138,.3)}
.inspo-card h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px}
.inspo-card p{font-size:13px;color:var(--text);line-height:1.5}
.inspo-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:10px;font-weight:600;margin-bottom:8px}
.inspo-section{margin-bottom:20px}
.inspo-section h3{font-size:14px;font-weight:700;color:var(--white);margin-bottom:10px;display:flex;align-items:center;gap:8px}

/* ─── SHARE PLAN ─── */
.share-preview{background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:20px;margin:16px 0;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.share-day{margin-bottom:12px}
.share-day h4{font-size:13px;font-weight:700;color:var(--pink);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.share-item{font-size:13px;color:var(--text);padding:4px 0 4px 16px;border-left:2px solid var(--surface);margin-bottom:4px}

/* ─── BEST CONTENT INSIGHTS ─── */
.insight-card{background:var(--card);border:1px solid var(--surface);border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.insight-card h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.insight-rank{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--text)}
.insight-rank .rank-num{width:24px;height:24px;border-radius:50%;background:var(--surface);color:var(--gray);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.insight-rank .rank-num:first-child{background:rgba(194,104,138,.15);color:var(--pink)}
.insight-rank .rank-bar{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}
.insight-rank .rank-fill{height:100%;border-radius:3px;background:var(--pink)}
.insight-rank .rank-val{font-size:12px;font-weight:700;color:var(--gray);min-width:40px;text-align:right}

/* ─── CONTENT SCORECARD ─── */
.scorecard{background:var(--card);border:1px solid var(--surface);border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.scorecard h3{font-size:14px;font-weight:700;color:var(--white);margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}
.score-grade{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-size:22px;font-weight:900;flex-shrink:0}
.score-grade.A{background:rgba(77,166,122,.15);color:var(--green)}
.score-grade.B{background:rgba(84,148,190,.15);color:var(--blue)}
.score-grade.C{background:rgba(184,134,43,.15);color:var(--gold)}
.score-grade.D{background:rgba(204,101,101,.15);color:var(--red)}
.score-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--surface)}
.score-row:last-child{border-bottom:none}
.score-info{flex:1;min-width:0}
.score-info .score-title{font-size:13px;font-weight:600;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.score-info .score-meta{font-size:11px;color:var(--gray);margin-top:2px}
.pattern-card{background:rgba(194,104,138,.06);border:1px solid rgba(194,104,138,.12);border-radius:12px;padding:14px 16px;margin-bottom:8px}
.pattern-card h4{font-size:13px;font-weight:700;color:var(--pink);margin-bottom:4px}
.pattern-card p{font-size:12px;color:var(--text);line-height:1.5}

/* ─── SMART QUEUE / TODAY'S CONTENT ─── */
.today-banner{background:linear-gradient(135deg,rgba(194,104,138,.10),rgba(77,166,122,.08));border:1px solid rgba(194,104,138,.18);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.today-banner h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card);border:1px solid var(--surface);border-radius:10px;margin-bottom:6px;cursor:pointer;transition:border-color .2s}
.queue-item:hover{border-color:rgba(194,104,138,.3)}
.queue-item .q-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.queue-item .q-info{flex:1;min-width:0}
.queue-item .q-title{font-size:13px;font-weight:600;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.queue-item .q-sub{font-size:11px;color:var(--gray)}
.queue-item .q-action{padding:5px 12px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;border:none;background:var(--pink);color:#fff;font-family:'DM Sans',sans-serif;white-space:nowrap}
.overdue-tag{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;background:rgba(204,101,101,.15);color:var(--red);margin-left:6px}

/* ─── CONTENT GAP ANALYSIS ─── */
.gap-chart{display:flex;align-items:flex-end;gap:6px;height:100px;padding:8px 0;margin-bottom:12px}
.gap-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.gap-bar{width:100%;border-radius:4px 4px 0 0;transition:height .3s;min-height:2px;cursor:pointer;position:relative}
.gap-bar:hover{opacity:.8}
.gap-bar-label{font-size:8px;color:var(--gray);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.gap-ideal{position:absolute;width:100%;border-top:2px dashed rgba(194,104,138,.4);left:0}
.gap-suggestion{font-size:12px;color:var(--text);padding:6px 12px;background:var(--surface);border-radius:8px;margin:4px 0;display:flex;align-items:center;gap:8px}

/* ─── STREAKS & GAMIFICATION ─── */
.streak-banner{background:linear-gradient(135deg,rgba(255,150,50,.10),rgba(255,100,50,.08));border:1px solid rgba(255,150,50,.2);border-radius:14px;padding:16px 20px;text-align:center;margin-bottom:14px;position:relative;overflow:hidden}
.streak-fire{font-size:36px;margin-bottom:4px}
.streak-count{font-size:28px;font-weight:900;color:var(--orange)}
.streak-label{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:1px}
.level-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;margin:8px 0}
.level-badge.starter{background:rgba(160,160,184,.15);color:var(--gray)}
.level-badge.rising{background:rgba(84,148,190,.15);color:var(--blue)}
.level-badge.established{background:rgba(126,94,168,.15);color:var(--purple)}
.level-badge.pro{background:rgba(194,104,138,.15);color:var(--pink)}
.milestone-card{background:var(--card);border:1px solid var(--surface);border-radius:12px;padding:12px 16px;margin-bottom:8px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.milestone-card .ms-icon{font-size:24px;flex-shrink:0}
.milestone-card .ms-info{flex:1}
.milestone-card .ms-title{font-size:13px;font-weight:600;color:var(--white)}
.milestone-card .ms-sub{font-size:11px;color:var(--gray)}
.milestone-card.achieved{border-color:rgba(77,166,122,.3);background:rgba(77,166,122,.04)}
.milestone-card.achieved .ms-title{color:var(--green)}
.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9997}
@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}

/* ─── COLLAB PIPELINE ─── */
.pipeline{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}
.pipeline-stage{flex:1;min-width:80px;text-align:center;padding:8px 6px;border-radius:8px;font-size:11px;font-weight:600;color:var(--gray);background:var(--surface);transition:all .2s;cursor:default}
.pipeline-stage.active{background:rgba(84,148,190,.15);color:var(--blue)}
.pipeline-stage .stage-count{font-size:18px;font-weight:800;display:block;margin-bottom:2px}
.collab-timeline{border-left:3px solid var(--surface);padding-left:16px;margin:12px 0}
.collab-entry{position:relative;margin-bottom:14px}
.collab-entry::before{content:'';position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--blue)}
.outreach-template{background:var(--surface);border-radius:10px;padding:14px;margin:10px 0;font-size:13px;line-height:1.6;color:var(--text);white-space:pre-wrap}

/* ─── MOOD / ENERGY TRACKER ─── */
.mood-picker{display:flex;justify-content:center;gap:12px;margin:16px 0}
.mood-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--surface);background:var(--card);cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.mood-btn:hover{transform:scale(1.1)}
.mood-btn.active{border-color:var(--pink);background:rgba(194,104,138,.1);transform:scale(1.15)}
.mood-history{display:flex;gap:4px;align-items:flex-end;height:60px;margin:12px 0}
.mood-bar{flex:1;border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}
.energy-suggestions{margin-top:12px}

/* ─── FEATURE SPOTLIGHT / TIPS ─── */
.spotlight-card{background:linear-gradient(135deg,rgba(126,94,168,.08),rgba(194,104,138,.06));border:1px solid rgba(126,94,168,.15);border-radius:14px;padding:16px 18px;margin-bottom:14px;cursor:pointer;transition:border-color .2s}
.spotlight-card:hover{border-color:rgba(126,94,168,.3)}
.spotlight-card h4{font-size:13px;font-weight:700;color:var(--purple);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.spotlight-card p{font-size:12px;color:var(--text);line-height:1.5}
.spotlight-dismiss{background:none;border:none;font-size:12px;color:var(--gray);cursor:pointer;float:right;padding:4px}

/* ─── FORM AUTO-SAVE INDICATOR ─── */
.autosave-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--green);font-weight:600;opacity:0;transition:opacity .3s}
.autosave-indicator.show{opacity:1}
.unsaved-warning{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}
.unsaved-card{background:var(--card);border-radius:16px;padding:24px;max-width:360px;width:100%;text-align:center;box-shadow:0 16px 48px rgba(0,0,0,.2)}

/* ─── UNDO TOAST ─── */
.undo-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--white);color:#fff;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:600;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.2);display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .3s;pointer-events:none}
.undo-toast.show{opacity:1;pointer-events:auto}
.undo-toast button{background:var(--pink);color:#fff;border:none;padding:6px 14px;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;cursor:pointer}

/* ══════════════════════════════════════════════════════════════
   ANALYTICS DASHBOARD (Instagram-style)
   ══════════════════════════════════════════════════════════════ */
.an-wrap{--an-bg:var(--dark,#FAF8F5);--an-card:var(--card,#FFFFFF);--an-surface:var(--surface,#F0ECE7);--an-text:var(--white,#2B2640);--an-sec:var(--text,#524E68);--an-muted:var(--gray,#8E8AA3);
  --an-border:rgba(0,0,0,.06);--an-pink:var(--pink,#C2688A);--an-purple:var(--purple,#7E5EA8);--an-gold:var(--gold,#B8862B);--an-green:var(--green,#4DA67A);--an-blue:var(--blue,#5494BE);--an-red:var(--red,#CC6565);
  --an-grad:linear-gradient(135deg,#FFF5F0 0%,#FFF0F5 50%,#F5F0FF 100%);
  background:var(--an-bg);color:var(--an-text);border-radius:20px;padding:0;margin:-24px -16px -80px;min-height:100vh}
.an-wrap *{box-sizing:border-box}
.an-wrap .back-btn{background:var(--an-card);border:1px solid var(--an-surface);color:var(--an-muted);margin:20px 24px 16px}
.an-wrap .back-btn:hover{background:var(--an-surface);color:var(--an-pink)}

/* Analytics Header */
.an-header{background:linear-gradient(135deg,#FFF5F0 0%,#FFF0F5 50%,#F5F0FF 100%);padding:40px 24px 32px;position:relative;overflow:hidden}
.an-header::before{content:'';position:absolute;top:-80px;right:-80px;width:260px;height:260px;
  background:radial-gradient(circle,rgba(194,104,138,.08) 0%,transparent 70%);border-radius:50%}
.an-header::after{content:'';position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(184,134,43,.06) 0%,transparent 70%);border-radius:50%}
.an-header-inner{max-width:740px;margin:0 auto;position:relative;z-index:1}
.an-header .an-badge{display:inline-block;padding:5px 14px;border-radius:20px;
  background:rgba(194,104,138,.12);border:1px solid rgba(194,104,138,.25);margin-bottom:12px}
.an-header .an-badge span{font-size:11px;font-weight:700;color:var(--an-pink);letter-spacing:2px;text-transform:uppercase}
.an-header h1{font-size:28px;font-weight:900;line-height:1.15;letter-spacing:-.3px;color:var(--an-text)}
.an-header .an-handle{font-size:14px;color:var(--an-muted);font-weight:500;margin-top:4px}
.an-header-stats{display:flex;gap:28px;margin-top:16px;flex-wrap:wrap}
.an-header-stat{text-align:center}
.an-header-stat .num{font-size:22px;font-weight:800;color:var(--an-pink)}
.an-header-stat .lbl{font-size:10px;color:var(--an-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}

/* Analytics Tiles */
.an-body{max-width:740px;margin:0 auto;padding:20px 24px 40px}
.an-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.an-tile{background:var(--an-card);border:1px solid var(--an-surface);border-radius:16px;padding:24px 20px;
  text-align:left;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;font-family:inherit;color:var(--an-text)}
.an-tile:hover{border-color:rgba(194,104,138,.3);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.07)}
.an-tile-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.an-tile h3{font-size:17px;font-weight:700;margin:0 0 4px}
.an-tile .an-tile-sub{font-size:12px;color:var(--an-muted);margin:0}
.an-tile .an-tile-meta{margin-top:16px;display:flex;align-items:center;gap:6px}
.an-tile .an-tile-meta span{font-size:11px;font-weight:600}
.an-tile .an-tile-meta .arrow{font-size:14px}

/* Analytics Sub-pages */
.an-page{display:none}
.an-page.active{display:block}
.an-page-title{font-size:26px;font-weight:800;color:var(--an-text);font-family:'Playfair Display',serif}
.an-page-sub{font-size:14px;color:var(--an-muted);margin:4px 0 0}
.an-page-line{width:100%;height:3px;border-radius:2px;margin:16px 0 24px}
.an-back{background:var(--an-card);border:1px solid var(--an-surface);color:var(--an-muted);padding:10px 18px;
  border-radius:12px;cursor:pointer;margin-bottom:20px;font-size:14px;font-family:'DM Sans',sans-serif;
  display:flex;align-items:center;gap:8px;transition:all .2s}
.an-back:hover{border-color:rgba(232,80,138,.3);color:var(--an-pink)}

/* Cards */
.an-card{background:var(--an-card);border-radius:16px;border:1px solid var(--an-surface);
  box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .25s}
.an-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:rgba(194,104,138,.2);transform:translateY(-2px)}

/* KPI Grid */
.an-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.an-kpi{padding:22px 16px;text-align:center;position:relative;overflow:hidden}
.an-kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--an-pink),var(--an-gold));opacity:0;transition:opacity .2s}
.an-kpi:hover::before{opacity:1}
.an-kpi-icon{width:42px;height:42px;border-radius:12px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:18px}
.an-kpi-val{font-size:28px;font-weight:800;color:var(--an-pink);line-height:1;letter-spacing:-.5px}
.an-kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--an-muted);margin-top:8px;font-weight:600}

/* Health Score Ring */
.an-health{padding:28px 20px;text-align:center;position:relative;overflow:hidden}
.an-health::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--an-pink),var(--an-gold));opacity:.4}
.an-health-ring{width:110px;height:110px;margin:0 auto 14px;position:relative}
.an-health-ring svg{transform:rotate(-90deg)}
.an-health-ring .score{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:var(--an-pink)}
.an-health-label{font-size:11px;color:var(--an-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}
.an-health-detail{font-size:12px;color:var(--an-sec);margin-top:6px;font-weight:500}

/* Executive Summary */
.an-exec{padding:24px 28px;margin-bottom:20px;border-left:4px solid var(--an-pink);position:relative;overflow:hidden}
.an-exec::after{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;
  background:radial-gradient(circle,rgba(232,80,138,.08) 0%,transparent 70%);border-radius:50%}
.an-exec h3{font-size:16px;font-weight:800;margin-bottom:10px;color:var(--an-text);display:flex;align-items:center;gap:8px;font-family:'Playfair Display',serif}
.an-exec p{font-size:15px;line-height:1.75;color:var(--an-sec);font-weight:500}

/* WoW Comparison */
.an-wow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.an-wow{padding:18px 16px;text-align:center}
.an-wow-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--an-muted);font-weight:600;margin-bottom:8px}
.an-wow-val{font-size:26px;font-weight:800;color:var(--an-text);line-height:1}
.an-wow-delta{font-size:12px;font-weight:700;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:4px}
.an-wow-delta.pos{color:var(--an-green)}.an-wow-delta.neg{color:var(--an-red)}

/* Insights Row */
.an-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.an-insight{padding:16px 18px;display:flex;align-items:flex-start;gap:12px}
.an-insight-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}
.an-insight-text{font-size:12px;color:var(--an-sec);line-height:1.5}
.an-insight-text strong{color:var(--an-text);font-weight:700}

/* Chart Cards */
.an-chart-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}
.an-chart-row-eq{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.an-chart{padding:22px}
.an-chart h3{font-size:13px;font-weight:700;margin-bottom:14px;color:var(--an-text);display:flex;align-items:center;gap:10px;letter-spacing:-.1px}
.an-chart h3 .dot{width:8px;height:8px;border-radius:50%}
.an-chart-wrap{position:relative;height:220px}
.an-chart-wrap canvas{position:absolute;inset:0}
.an-chart-sm{position:relative;height:200px}
.an-chart-sm canvas{position:absolute;inset:0}

/* Tables */
.an-table-card{overflow:hidden;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.an-table{width:100%;border-collapse:collapse;font-size:13px}
.an-table th{padding:14px 18px;text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;
  letter-spacing:.8px;color:var(--an-muted);border-bottom:2px solid var(--an-surface);background:var(--an-surface)}
.an-table td{padding:13px 18px;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle;color:var(--an-sec)}
.an-table tr:last-child td{border-bottom:none}
.an-table tr:hover td{background:rgba(232,80,138,.06)}
.an-eng-good{font-weight:800;color:var(--an-pink)}
.an-eng-bad{font-weight:800;color:var(--an-red)}
.an-type-badge{display:inline-flex;padding:4px 12px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.3px}
.an-type-video{background:rgba(155,93,229,.15);color:#B794F4}
.an-type-image{background:rgba(0,187,249,.15);color:#63B3ED}
.an-type-carousel{background:rgba(245,194,107,.15);color:var(--an-gold)}

/* Recommendations */
.an-rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.an-rec{padding:18px 20px;display:flex;align-items:flex-start;gap:14px;border-left:4px solid var(--an-pink)}
.an-rec.amber{border-left-color:var(--an-gold)}.an-rec.blue{border-left-color:var(--an-blue)}
.an-rec.green{border-left-color:var(--an-green)}.an-rec.violet{border-left-color:var(--an-purple)}
.an-rec-icon{font-size:22px;flex-shrink:0;line-height:1}
.an-rec-title{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--an-text)}
.an-rec-detail{font-size:12px;color:var(--an-sec);line-height:1.6}

/* Audit Grid */
.an-audit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px}
.an-audit-item{border-radius:12px;padding:16px 18px;transition:transform .15s;position:relative;overflow:hidden}
.an-audit-item:hover{transform:translateY(-2px)}
.an-audit-item.passed{border-left:4px solid var(--an-green)}.an-audit-item.failed{border-left:4px solid var(--an-red)}
.an-audit-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.an-audit-title{font-size:13px;font-weight:700;color:var(--an-text)}
.an-badge-pass{display:inline-flex;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(107,203,119,.15);color:var(--an-green)}
.an-badge-fail{display:inline-flex;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,107,107,.15);color:var(--an-red)}
.an-audit-desc{font-size:11px;color:var(--an-muted);margin-top:6px;line-height:1.5}

/* Heatmap */
.an-heatmap{display:grid;grid-template-columns:48px repeat(7,1fr);gap:3px;font-size:10px;margin-bottom:16px}
.an-hm-label{display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-weight:600;color:var(--an-muted);font-size:10px}
.an-hm-header{text-align:center;font-weight:600;color:var(--an-muted);padding:4px 0;font-size:10px}
.an-hm-cell{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;
  color:transparent;transition:all .2s;cursor:default;position:relative;min-height:28px}
.an-hm-cell:hover{transform:scale(1.15);z-index:2;color:#fff;font-weight:700}

/* Section Headers */
.an-sec-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.an-sec-header h2{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-.3px;font-family:'Playfair Display',serif;color:var(--an-text)}
.an-sec-header .an-count{font-size:12px;font-weight:600;padding:4px 14px;border-radius:16px;background:rgba(232,80,138,.12);color:var(--an-pink)}

/* Divider */
.an-divider{height:2px;border-radius:1px;margin:32px 0 28px;
  background:linear-gradient(90deg,transparent 0%,rgba(232,80,138,.2) 20%,rgba(155,93,229,.2) 50%,rgba(245,194,107,.15) 80%,transparent 100%)}

/* Quick Ref */
.an-qr{margin-top:32px}
.an-qr h2{font-size:18px;font-weight:800;color:var(--an-text);margin-bottom:14px;font-family:'Playfair Display',serif}
.an-qr-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--an-card);border-radius:12px;margin-bottom:8px;border:1px solid var(--an-surface)}
.an-qr-item .icon{font-size:20px;flex-shrink:0}
.an-qr-item .text{font-size:13px;color:var(--an-sec);line-height:1.5}
.an-qr-item strong{color:var(--an-text)}

/* Animations */
@keyframes anFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.an-fade{opacity:0;animation:anFadeUp .5s ease forwards}
.an-fd1{animation-delay:.1s}.an-fd2{animation-delay:.2s}.an-fd3{animation-delay:.3s}.an-fd4{animation-delay:.4s}

/* Footer */
.an-footer{text-align:center;padding:40px 24px 32px}
.an-footer-line{width:60px;height:3px;border-radius:2px;margin:0 auto 16px;background:linear-gradient(90deg,var(--an-pink),var(--an-gold));opacity:.6}
.an-footer-text{font-size:12px;color:var(--an-muted);font-weight:500}

/* Analytics Responsive */
@media(max-width:900px){.an-kpi-grid{grid-template-columns:repeat(2,1fr)}.an-chart-row,.an-chart-row-eq{grid-template-columns:1fr}
  .an-audit-grid{grid-template-columns:1fr}.an-insights{grid-template-columns:1fr}.an-wow-grid{grid-template-columns:repeat(2,1fr)}
  .an-rec-grid{grid-template-columns:1fr}}
@media(max-width:600px){.an-body{padding:12px}.an-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.an-tile-grid{grid-template-columns:1fr}
  .an-header{padding:20px 16px}.an-header h1{font-size:22px}.an-wow-grid{grid-template-columns:1fr 1fr}
  .an-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .an-heatmap{grid-template-columns:36px repeat(7,1fr);gap:2px}}

/* ══════════════════════════════════════════════════════════════
   AUTH UI
   ══════════════════════════════════════════════════════════════ */

/* Auth Bar (in hero) */
.auth-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px auto 0;max-width:520px;position:relative;z-index:1}
.auth-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;font-size:12px;font-weight:600;
  font-family:'DM Sans',sans-serif;cursor:pointer;border:1px solid rgba(194,104,138,.2);background:rgba(255,255,255,.7);
  color:var(--text);transition:all .2s;backdrop-filter:blur(4px)}
.auth-chip:hover{border-color:var(--pink);background:rgba(255,255,255,.9)}
.auth-chip-icon{font-size:14px}
.auth-chip-connected{cursor:default;background:rgba(77,166,122,.08);border-color:rgba(77,166,122,.2);color:var(--green)}
.auth-chip-connected:hover{border-color:rgba(77,166,122,.3);background:rgba(77,166,122,.12)}
.auth-chip-ig{background:linear-gradient(135deg,rgba(232,80,138,.08),rgba(155,93,229,.08));border-color:rgba(232,80,138,.2);color:var(--pink)}
.auth-chip-ig:hover{border-color:rgba(232,80,138,.4);background:linear-gradient(135deg,rgba(232,80,138,.15),rgba(155,93,229,.12))}
.auth-chip-sync{background:linear-gradient(135deg,rgba(84,148,190,.08),rgba(77,166,122,.08));border-color:rgba(84,148,190,.2);color:var(--blue,#5494BE)}
.auth-chip-sync:hover{border-color:rgba(84,148,190,.4);background:linear-gradient(135deg,rgba(84,148,190,.15),rgba(77,166,122,.12))}
.auth-chip-sync:disabled{opacity:.6;cursor:wait}
.auth-chip-out{background:transparent;border-color:rgba(0,0,0,.06);color:var(--gray);font-size:11px;padding:6px 12px}
.auth-chip-out:hover{border-color:rgba(204,101,101,.3);color:var(--red)}
.auth-sync-time{font-size:10px;color:var(--gray);font-weight:400;margin-left:4px}
body.dark .auth-chip{background:rgba(36,34,54,.7);border-color:rgba(255,255,255,.1)}
body.dark .auth-chip:hover{background:rgba(36,34,54,.9)}
body.dark .auth-chip-connected{background:rgba(77,166,122,.12);border-color:rgba(77,166,122,.25)}

/* Auth Overlay */
.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.auth-card{background:var(--card);border-radius:20px;padding:32px 24px;max-width:400px;width:100%;text-align:center;
  box-shadow:0 16px 48px rgba(0,0,0,.2);animation:affirmFade .4s ease;position:relative}
.auth-card-icon{font-size:40px;margin-bottom:12px}
.auth-card h2{font-size:22px;font-weight:800;color:var(--white);margin-bottom:8px;font-family:'Playfair Display',serif}
.auth-card p{font-size:14px;color:var(--text);line-height:1.6;margin-bottom:20px}
.auth-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:18px;color:var(--gray);cursor:pointer;padding:4px}
.auth-close:hover{color:var(--white)}
.auth-note{font-size:11px;color:var(--gray);line-height:1.5;margin-top:16px}
body.dark .auth-card{background:var(--card)}
body.dark .auth-overlay{background:rgba(0,0,0,.75)}

/* ══════════════════════════════════════════════════════════════
   IG POSTS GRID — Thumbnail cards with links
   ══════════════════════════════════════════════════════════════ */
.an-ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:24px}
.an-ig-card{display:block;text-decoration:none;color:inherit;border-radius:14px;overflow:hidden;
  background:var(--an-card);border:1px solid var(--an-surface);transition:all .25s ease;cursor:pointer}
.an-ig-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(194,104,138,.15);border-color:rgba(194,104,138,.3)}
.an-ig-thumb{position:relative;width:100%;aspect-ratio:1;background:var(--an-surface);overflow:hidden}
.an-ig-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.an-ig-card:hover .an-ig-thumb img{transform:scale(1.04)}
.an-ig-no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;
  background:linear-gradient(135deg,rgba(232,80,138,.08),rgba(155,93,229,.08));color:var(--an-muted)}
.an-ig-type-badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;
  font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.3px;text-transform:uppercase;backdrop-filter:blur(4px)}
.an-ig-card-body{padding:12px 14px 14px}
.an-ig-caption{font-size:12px;color:var(--an-sec);line-height:1.5;margin:0 0 10px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.an-ig-metrics{display:flex;gap:10px;font-size:11px;color:var(--an-muted);flex-wrap:wrap}
.an-ig-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;
  border-top:1px solid var(--an-surface)}
.an-ig-eng{font-size:12px;font-weight:700;color:var(--an-pink)}
.an-ig-date{font-size:11px;color:var(--an-muted)}

/* IG Audit severity badges */
.an-sev-badge{font-size:10px;font-weight:700;padding:2px 10px;border-radius:12px;margin-left:auto}
.an-sev-high{background:rgba(204,101,101,.12);color:var(--an-red)}
.an-sev-med{background:rgba(245,194,107,.12);color:var(--an-gold)}
.an-sev-low{background:rgba(107,203,119,.12);color:var(--an-green)}
.an-audit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.an-audit-sum-card{text-align:center;padding:16px 12px}
.an-audit-sum-num{font-size:32px;font-weight:800}
.an-audit-sum-label{font-size:12px;color:var(--an-muted);font-weight:600;margin-top:4px}

/* Loading spinner */
.an-loading-spinner{width:48px;height:48px;border:4px solid rgba(194,104,138,.15);border-top-color:var(--an-pink);
  border-radius:50%;animation:anSpin 0.8s linear infinite}
@keyframes anSpin{to{transform:rotate(360deg)}}

/* Responsive */
@media(max-width:600px){.an-ig-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
  .an-ig-card-body{padding:10px 10px 12px}.an-ig-caption{font-size:11px;-webkit-line-clamp:1}
  .an-ig-metrics{gap:6px;font-size:10px}.an-audit-summary{grid-template-columns:repeat(3,1fr);gap:8px}}