@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{
  --bg:#09100E;--panel:#111916;--panel-2:#151E1B;--panel-3:#1A2320;
  --border:#232E2A;--border-soft:#1A2220;
  --text:#EFEEE8;--text-dim:#8F9690;--text-faint:#4F5852;
  --gold:#D4A537;--gold-bright:#E8C158;--gold-dim:#7A5F1A;--gold-glow:rgba(212,165,55,0.15);
  --green:#1D9A6C;--green-bright:#2DC98D;--green-fill:rgba(45,201,141,0.10);
  --red:#D95248;--red-fill:rgba(217,82,72,0.10);
  --blue:#4C8FD1;--purple:#9B7FD4;--amber:#D9924C;
  --radius:16px;--radius-sm:10px;--radius-xs:7px;
  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',monospace;
  --shadow:0 4px 24px rgba(0,0,0,0.35);
  --shadow-gold:0 0 0 1px rgba(212,165,55,0.2),0 4px 20px rgba(212,165,55,0.12);
}

/* ===== LIGHT THEME ===== */
[data-theme="light"]{
  --bg:#F5F5F0;--panel:#FFFFFF;--panel-2:#F0EFE9;--panel-3:#E8E7E1;
  --border:#D8D6CE;--border-soft:#E4E2DA;
  --text:#1A1A14;--text-dim:#5A5952;--text-faint:#9A9890;
  --gold:#B8860B;--gold-bright:#C9940E;--gold-dim:#8A6308;--gold-glow:rgba(184,134,11,0.12);
  --green:#0D7A52;--green-bright:#0F9963;--green-fill:rgba(15,153,99,0.10);
  --red:#C0392B;--red-fill:rgba(192,57,43,0.10);
  --shadow:0 2px 16px rgba(0,0,0,0.10);
  --shadow-gold:0 0 0 1px rgba(184,134,11,0.2),0 4px 16px rgba(184,134,11,0.10);
}
[data-theme="light"] .ticker-strip{background:#EAEAE4;}
[data-theme="light"] .demo-banner{background:rgba(184,134,11,0.07);border-bottom-color:rgba(184,134,11,0.2);}
[data-theme="light"] body{-webkit-font-smoothing:auto;}
[data-theme="light"] .btn-gold{background:linear-gradient(150deg,#D4A537,#B8860B);color:#FFF8E6;}
[data-theme="light"] .goal-fill{background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright));}
[data-theme="light"] thead th{background:var(--panel-2);}

/* Theme toggle button */
.theme-toggle{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:8px;
  border:1px solid var(--border);background:var(--panel-2);
  cursor:pointer;font-size:16px;transition:all .15s;flex-shrink:0;
  color:var(--text-dim);
}
.theme-toggle:hover{border-color:var(--gold-dim);color:var(--gold-bright);}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px;}

/* ===== DEMO BANNER ===== */
.demo-banner{background:rgba(212,165,55,0.07);border-bottom:1px solid rgba(212,165,55,0.18);padding:8px 0;text-align:center;font-size:11.5px;color:var(--gold-bright);letter-spacing:0.01em;}

/* ===== TICKER STRIP ===== */
.ticker-strip{background:#060D0B;border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap;padding:8px 0;}
.ticker-track{display:inline-flex;gap:32px;animation:scroll 50s linear infinite;padding-left:100%;}
.ticker-strip:hover .ticker-track{animation-play-state:paused;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-100%);}}
.ticker-item{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);display:inline-flex;gap:6px;align-items:center;}
.ticker-item b{color:var(--text-dim);font-weight:600;}
.t-up{color:var(--green-bright);}
.t-down{color:var(--red);}

/* ===== SITE HEADER ===== */
header.site{display:flex;align-items:center;justify-content:space-between;padding:20px 0;flex-wrap:wrap;gap:14px;border-bottom:1px solid var(--border);}
.brand{display:flex;align-items:center;gap:13px;}
.brand-mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(150deg,var(--gold-bright) 0%,var(--gold) 55%,var(--gold-dim) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold);flex-shrink:0;}
.brand-mark svg{width:22px;height:22px;}
.brand-text .name{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-0.01em;line-height:1;}
.brand-text .tag{font-size:10.5px;color:var(--text-faint);margin-top:2px;letter-spacing:0.015em;}
nav.main{display:flex;gap:20px;flex-wrap:wrap;}
nav.main a{font-size:13px;color:var(--text-dim);transition:color .15s;}
nav.main a.active{color:var(--gold-bright);font-weight:500;}
nav.main a:hover{color:var(--text);}
.header-actions{display:flex;align-items:center;gap:8px;}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:600;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .15s;white-space:nowrap;line-height:1;}
.btn-gold{background:linear-gradient(150deg,var(--gold-bright),var(--gold));color:#1A1300;border-color:transparent;}
.btn-gold:hover{filter:brightness(1.09);box-shadow:0 4px 16px rgba(212,165,55,0.3);}
.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim);}
.btn-ghost:hover{border-color:var(--text-dim);color:var(--text);}
.btn-green{background:var(--green-fill);border-color:rgba(45,201,141,0.3);color:var(--green-bright);}
.btn-sm{padding:7px 13px;font-size:12px;}
.btn-block{width:100%;justify-content:center;}
.btn-lg{padding:14px 28px;font-size:15px;border-radius:12px;}

/* ===== MOCK TOAST ===== */
.mock-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--panel-2);border:1px solid var(--gold-dim);border-radius:var(--radius-sm);padding:14px 20px;font-size:12.5px;color:var(--text);max-width:420px;width:90%;text-align:center;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:all .25s ease;z-index:9999;line-height:1.6;}
.mock-toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.mock-toast strong{color:var(--gold-bright);}

/* ===== HERO METRICS ===== */
.hero-metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:26px 0 22px;}
.hero-cell{background:var(--panel);padding:24px 26px;}
.hero-cell.feature{background:var(--panel-2);}
.hero-label{font-size:10.5px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-faint);margin-bottom:10px;}
.hero-value{font-family:var(--font-display);font-size:32px;font-weight:600;letter-spacing:-0.015em;line-height:1.1;}
.hero-cell.feature .hero-value{font-size:40px;}
.hero-sub{font-size:12px;margin-top:7px;color:var(--text-dim);font-family:var(--font-mono);}
.hero-sub.up{color:var(--green-bright);}
.hero-sub.down{color:var(--red);}
.goal-track{margin-top:16px;background:#070E0C;border-radius:6px;height:8px;overflow:hidden;}
.goal-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright));border-radius:6px;transition:width 1.4s cubic-bezier(0.23,1,0.32,1);}
.goal-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--text-faint);margin-top:6px;font-family:var(--font-mono);}

/* ===== PANEL ===== */
.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px;}
.panel-title{font-size:14px;font-weight:600;letter-spacing:-0.01em;}
.panel-title .sub{color:var(--text-faint);font-weight:400;font-size:12px;margin-left:6px;}
.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:16px;}
.grid-2-eq{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.mb{margin-bottom:16px;}

/* ===== CHART TABS ===== */
.tabs{display:flex;gap:3px;background:var(--panel-3);padding:3px;border-radius:var(--radius-xs);}
.tab{font-size:11px;padding:5px 11px;border-radius:5px;cursor:pointer;color:var(--text-dim);border:none;background:none;font-family:var(--font-body);font-weight:500;transition:all .12s;}
.tab.active{background:var(--gold);color:#1A1300;}
.tab:hover:not(.active){color:var(--text);}
.chart-box{position:relative;height:230px;}

/* ===== TABLE ===== */
table{width:100%;border-collapse:collapse;font-size:13px;}
thead th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-faint);font-weight:600;padding:0 0 11px;border-bottom:1px solid var(--border);}
thead th:not(:first-child){text-align:right;}
tbody td{padding:11px 0;border-bottom:1px solid var(--border-soft);vertical-align:middle;}
tbody td:not(:first-child){text-align:right;font-family:var(--font-mono);font-size:12px;}
tbody tr:last-child td{border-bottom:none;}
tbody tr{transition:background .1s;}
tbody tr:hover{background:rgba(255,255,255,0.018);}
.tk{font-weight:700;font-size:13px;letter-spacing:0.01em;}
.tk-name{font-size:11px;color:var(--text-faint);font-family:var(--font-body);margin-top:1px;font-weight:400;}

/* ===== CHIPS ===== */
.chip{display:inline-block;padding:2px 7px;border-radius:5px;font-size:11px;font-family:var(--font-mono);font-weight:500;}
.chip-up{background:var(--green-fill);color:var(--green-bright);}
.chip-down{background:var(--red-fill);color:var(--red);}
.chip-neu{background:var(--panel-3);color:var(--text-dim);}
.chip-gold{background:var(--gold-glow);color:var(--gold-bright);border:1px solid rgba(212,165,55,0.2);}
.lock-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;padding:3px 9px;border-radius:20px;background:var(--gold-glow);color:var(--gold-bright);border:1px solid rgba(212,165,55,0.25);font-family:var(--font-mono);}

/* ===== ALLOC BAR ===== */
.alloc-track{display:inline-block;width:44px;height:4px;background:var(--border-soft);border-radius:3px;margin-left:7px;vertical-align:middle;}
.alloc-fill{height:4px;border-radius:3px;background:var(--gold);display:block;}

/* ===== SECTOR BARS ===== */
.sector-row{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:12.5px;}
.sector-name{width:90px;flex-shrink:0;color:var(--text-dim);font-size:12px;}
.sector-track{flex:1;height:7px;background:var(--panel-3);border-radius:4px;overflow:hidden;}
.sector-fill{height:100%;border-radius:4px;}
.sector-pct{width:38px;text-align:right;font-family:var(--font-mono);font-size:11.5px;}
.risk-note{margin-top:18px;padding:13px 15px;background:rgba(217,146,76,0.07);border:1px solid rgba(217,146,76,0.22);border-radius:var(--radius-sm);font-size:12px;color:var(--amber);line-height:1.6;}

/* ===== RESEARCH SCORE CARDS ===== */
.score-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}
.score-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;}
.score-ring{position:relative;width:50px;height:50px;}
.score-ring svg{transform:rotate(-90deg);}
.score-ring-bg{fill:none;stroke:var(--border-soft);stroke-width:4;}
.score-ring-fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s ease;}
.score-ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700;}
.score-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.score-row2{display:flex;align-items:center;gap:8px;font-size:11.5px;}
.score-row2 .lbl{width:68px;color:var(--text-faint);flex-shrink:0;font-size:11px;}
.score-row2 .bar{flex:1;height:5px;background:var(--panel-3);border-radius:3px;overflow:hidden;}
.score-row2 .bar-fill{height:100%;border-radius:3px;transition:width .8s ease;}
.score-row2 .val{width:28px;text-align:right;font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px;}
.score-verdict{font-size:11.5px;padding:10px 12px;border-radius:var(--radius-xs);line-height:1.55;}

/* ===== DIVIDEND CARDS ===== */
.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}
.stat-card .hero-label{margin-bottom:10px;}
.stat-card .big{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-0.01em;}
.stat-card .sub{font-size:12px;color:var(--text-faint);margin-top:6px;}

/* ===== SCREENER ===== */
.screener-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;align-items:center;}
.filter-chip{font-size:12px;padding:7px 13px;border:1px solid var(--border);border-radius:20px;color:var(--text-dim);background:var(--panel);cursor:pointer;font-family:var(--font-body);transition:all .12s;}
.filter-chip.active{border-color:var(--gold);color:var(--gold-bright);background:var(--gold-glow);}
.filter-chip:hover:not(.active){border-color:var(--text-faint);color:var(--text);}
.screener-search{background:var(--panel-3);border:1px solid var(--border);color:var(--text);padding:9px 13px;border-radius:var(--radius-xs);font-family:var(--font-body);font-size:13px;width:240px;}
.screener-search::placeholder{color:var(--text-faint);}
.screener-search:focus{outline:none;border-color:var(--gold-dim);}
.result-count{font-size:12px;color:var(--text-faint);font-family:var(--font-mono);}

/* ===== MARKET PAGE ===== */
.snapshot-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:20px;}
.snap-cell{background:var(--panel);padding:18px 16px;text-align:center;}
.snap-cell .lbl{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.snap-cell .val{font-family:var(--font-mono);font-size:16px;font-weight:600;}
.snap-cell .sub{font-size:10.5px;color:var(--text-faint);margin-top:4px;font-family:var(--font-mono);}

/* ===== HOMEPAGE ===== */
.hero-marketing{padding:70px 0 52px;text-align:center;}
.hero-marketing .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:20px;display:inline-block;padding:6px 14px;border:1px solid rgba(212,165,55,0.3);border-radius:20px;background:rgba(212,165,55,0.06);}
.hero-marketing h1{font-family:var(--font-display);font-size:52px;font-weight:600;letter-spacing:-0.025em;line-height:1.1;max-width:800px;margin:0 auto 20px;}
.hero-marketing h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-marketing p.lead{font-size:17px;color:var(--text-dim);max-width:540px;margin:0 auto 34px;line-height:1.65;}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:50px 0;}
.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s;}
.feature-card:hover{border-color:var(--gold-dim);}
.feature-card .ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:14px;}
.feature-card h3{font-size:15px;font-weight:600;margin-bottom:7px;letter-spacing:-0.01em;}
.feature-card p{font-size:13px;color:var(--text-dim);line-height:1.65;}

/* ===== FOOTER ===== */
footer.site{margin-top:60px;padding:32px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;}
.foot-links{display:flex;gap:20px;flex-wrap:wrap;}
.foot-links a{font-size:12px;color:var(--text-faint);transition:color .15s;}
.foot-links a:hover{color:var(--text-dim);}

/* ===== UPDATE GUIDE ===== */
.update-guide{margin-top:20px;padding:18px 22px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);font-size:12.5px;color:var(--text-dim);}
.update-guide h3{font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-faint);margin-bottom:10px;font-weight:700;}
.update-guide ol{margin-left:18px;line-height:2.0;}
.update-guide code{background:var(--panel-3);color:var(--gold-bright);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:11px;}

/* ===== RESPONSIVE ===== */
@media(max-width:960px){
  .hero-metrics{grid-template-columns:1fr 1fr;}
  .grid-2,.grid-2-eq{grid-template-columns:1fr;}
  nav.main{display:none;}
  nav.main.open{
    display:flex;flex-direction:column;gap:0;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:var(--bg);z-index:998;padding:80px 24px 32px;
    overflow-y:auto;
  }
  nav.main.open a{
    font-size:18px;padding:14px 0;border-bottom:1px solid var(--border-soft);
    color:var(--text-dim);
  }
  nav.main.open a.active{color:var(--gold-bright);}
  .hamburger{display:flex!important;}
  .hero-marketing h1{font-size:36px;}
  .snapshot-strip{grid-template-columns:repeat(3,1fr);}
}
/* Hamburger button — hidden on desktop */
.hamburger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:38px;height:38px;border-radius:8px;
  border:1px solid var(--border);background:var(--panel-2);
  cursor:pointer;padding:8px;z-index:999;flex-shrink:0;
}
.hamburger span{display:block;height:2px;background:var(--text-dim);border-radius:2px;transition:all .2s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* Mobile close overlay */
.nav-overlay{
  display:none;position:fixed;inset:0;z-index:997;background:rgba(0,0,0,0.5);
}
.nav-overlay.open{display:block;}
@media(max-width:660px){
  .grid-3,.grid-4,.feature-grid{grid-template-columns:1fr 1fr;}
  .snapshot-strip{grid-template-columns:1fr 1fr;}
}
@media(max-width:420px){
  .grid-3,.grid-4,.feature-grid{grid-template-columns:1fr;}
}

/* ===== FEEDBACK WIDGET ===== */
.feedback-fab{
  position:fixed; bottom:28px; right:24px; z-index:990;
  width:48px; height:48px; border-radius:50%;
  background:linear-gradient(150deg,var(--gold-bright),var(--gold));
  border:none; cursor:pointer; box-shadow:0 4px 18px rgba(212,165,55,0.35);
  display:flex; align-items:center; justify-content:center;
  font-size:20px; transition:transform .2s, box-shadow .2s;
  color:#1A1300;
}
.feedback-fab:hover{ transform:scale(1.1); box-shadow:0 6px 24px rgba(212,165,55,0.45); }
.feedback-fab .fab-label{
  position:absolute; right:54px; background:var(--panel);
  border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:6px 11px; font-size:12px; color:var(--text); white-space:nowrap;
  box-shadow:var(--shadow); opacity:0; pointer-events:none; transition:opacity .15s;
  font-family:var(--font-body);
}
.feedback-fab:hover .fab-label{ opacity:1; }

.feedback-drawer{
  position:fixed; bottom:88px; right:24px; z-index:991;
  width:340px; background:var(--panel); border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow);
  transform:translateY(12px) scale(0.97); opacity:0; pointer-events:none;
  transition:all .22s cubic-bezier(0.23,1,0.32,1);
}
.feedback-drawer.open{
  transform:translateY(0) scale(1); opacity:1; pointer-events:auto;
}
.feedback-drawer-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 18px 0; margin-bottom:14px;
}
.feedback-drawer-head h3{ font-size:14px; font-weight:600; }
.feedback-close{ background:none; border:none; color:var(--text-faint); cursor:pointer; font-size:18px; line-height:1; }
.feedback-body{ padding:0 18px 18px; }
.star-row{ display:flex; gap:6px; margin-bottom:14px; }
.star-btn{
  font-size:22px; background:none; border:none; cursor:pointer;
  color:var(--text-faint); transition:color .1s, transform .1s; padding:0;
}
.star-btn.active{ color:var(--gold-bright); }
.star-btn:hover{ transform:scale(1.2); }
.fb-field{ margin-bottom:12px; }
.fb-field label{ font-size:11px; color:var(--text-dim); display:block; margin-bottom:5px; font-weight:500; text-transform:uppercase; letter-spacing:0.04em; }
.fb-field select,.fb-field textarea,.fb-field input{
  width:100%; background:var(--panel-2); border:1px solid var(--border);
  color:var(--text); border-radius:var(--radius-sm); font-family:var(--font-body);
  font-size:13px; padding:8px 11px;
}
.fb-field select:focus,.fb-field textarea:focus,.fb-field input:focus{ outline:none; border-color:var(--gold-dim); }
.fb-field textarea{ resize:none; height:80px; line-height:1.5; }
.fb-submit{
  width:100%; padding:10px; border-radius:var(--radius-sm); border:none;
  background:linear-gradient(150deg,var(--gold-bright),var(--gold)); color:#1A1300;
  font-size:13px; font-weight:700; cursor:pointer; font-family:var(--font-body);
  transition:filter .15s;
}
.fb-submit:hover:not(:disabled){ filter:brightness(1.08); }
.fb-submit:disabled{ opacity:0.6; cursor:not-allowed; }
.fb-success{ text-align:center; padding:20px 0; }
.fb-success .icon{ font-size:28px; margin-bottom:10px; }
.fb-success p{ font-size:13px; color:var(--text-dim); line-height:1.6; }
.fb-error{ font-size:12px; color:var(--red); margin-top:8px; display:none; }
.fb-error.show{ display:block; }
@media(max-width:400px){ .feedback-drawer{ width:calc(100vw - 32px); right:16px; } }