/* Spurzee account page (templates/account.html). Same tokens as the sign-in pages. */
:root{
  --bg:#0b0d12;--panel:#131722;--panel2:#1a1f2c;--line:#232836;--line2:#323848;--line3:#4a5163;
  --text:#e6e8ee;--text2:#c9ccd6;--nav:#b9bdc9;--muted:#8b90a0;--dim:#5d6272;
  --gold:#F5B942;--gold2:#ffcf6b;--link:#F5B942;--ink:#17130a;--down:#f0616d;--up:#26a69a;--blue:#5b8cff;
  --topbar:rgba(11,13,18,.86);--toast:#1f2533;--shadow:rgba(0,0,0,.45);--danger-ink:#ffc2c7;--ok-ink:#7fe0d4;--err-ink:#ffaab1;
  --banner-ink:#c7efe9;--banner-b:#e6fffb;--avatar:linear-gradient(145deg,#2c3242,#191d27);--soon-bg:rgba(255,255,255,.015);
  --r:14px;color-scheme:dark;
}
[data-theme="light"]{
  --bg:#f5f6fa;--panel:#ffffff;--panel2:#eef0f5;--line:#e3e6ee;--line2:#d3d8e2;--line3:#b9c0ce;
  --text:#131722;--text2:#343a48;--nav:#434a59;--muted:#5d6272;--dim:#8a90a0;
  --link:#b7790d;--down:#d93848;--up:#14897d;
  --topbar:rgba(255,255,255,.86);--toast:#131722;--shadow:rgba(19,23,34,.18);--danger-ink:#b4232f;--ok-ink:#0d7a6e;--err-ink:#c22b38;
  --banner-ink:#0d5e55;--banner-b:#073f39;--avatar:linear-gradient(145deg,#eef0f5,#dfe3ea);--soon-bg:rgba(19,23,34,.015);
  color-scheme:light;
}
[data-theme="light"] .th-dark,:root:not([data-theme="light"]) .th-light{display:none!important}
[data-theme="light"] .ac-card,[data-theme="light"] .ac-action{box-shadow:0 1px 2px rgba(19,23,34,.04)}
[data-theme="light"] .ac-toast{color:#fff}
[data-theme="light"] .ac-gold,[data-theme="light"] .ac-action svg,[data-theme="light"] .ac-soon-ic,
[data-theme="light"] .ac-nav a.on svg,[data-theme="light"] .ac-pill.gold,[data-theme="light"] .ac-chip.on{color:#b7790d}
[data-theme="light"] .ac-feats li:before,[data-theme="light"] .ac-compare>div.gold li:before{border-color:#b7790d}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);
  font:14.5px/1.5 Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}

/* ---------- top bar ---------- */
.ac-top{position:sticky;top:0;z-index:20;height:60px;display:flex;align-items:center;justify-content:space-between;
  padding:0 28px;background:var(--topbar);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ac-logo img{display:block;height:30px;width:auto}
.ac-toplinks{display:flex;gap:6px}
.ac-toplink{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;color:var(--text2);font-weight:500}
.ac-toplink:hover{background:var(--panel);color:var(--text)}
.ac-toplink svg{width:17px;height:17px}
.ac-out:hover{color:var(--danger-ink)}

/* ---------- layout ---------- */
.ac-wrap{display:grid;grid-template-columns:264px minmax(0,1fr);gap:36px;max-width:1180px;margin:0 auto;padding:32px 28px 80px}
.ac-side{position:sticky;top:92px;align-self:start}
.ac-me{display:flex;align-items:center;gap:12px;padding:4px 6px 22px;border-bottom:1px solid var(--line);margin-bottom:14px}
.ac-avatar{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:16px;
  color:var(--text);background:var(--avatar);border:1px solid var(--line2)}
.ac-avatar.premium{color:var(--ink);background:linear-gradient(145deg,var(--gold2),var(--gold));border:0;
  box-shadow:0 0 0 3px var(--bg),0 0 0 4.5px rgba(245,185,66,.55)}
.ac-me-text{min-width:0}
.ac-me-text b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-me-text span{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-nav{display:grid;gap:2px}
.ac-nav a{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;color:var(--nav);font-weight:500}
.ac-nav a svg{width:18px;height:18px;flex:none;color:var(--muted)}
.ac-nav a:hover{background:var(--panel);color:var(--text)}
.ac-nav a.on{background:var(--panel2);color:var(--text)}
.ac-nav a.on svg{color:var(--gold)}
.ac-nav-h{margin:18px 12px 6px;color:var(--dim);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ac-pill{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;
  color:var(--muted);background:var(--panel2);border:1px solid var(--line2);white-space:nowrap}
.ac-pill.gold{color:var(--gold);background:rgba(245,185,66,.1);border-color:rgba(245,185,66,.3)}

/* ---------- sections ---------- */
.ac-main{min-width:0}
.ac-sec{animation:ac-in .25s ease}
@keyframes ac-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.ac-hello h1,.ac-head h1{font-size:28px;letter-spacing:-.015em;margin:0 0 4px;font-weight:700}
.ac-hello p,.ac-head p{margin:0 0 26px;color:var(--muted)}
.ac-h2{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:34px 0 12px}
.ac-banner{padding:14px 18px;margin-bottom:24px;border-radius:var(--r);border:1px solid rgba(38,166,154,.35);
  background:linear-gradient(90deg,rgba(38,166,154,.14),rgba(38,166,154,.04));color:var(--banner-ink)}
.ac-banner b{color:var(--banner-b)}

.ac-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.ac-card h3{margin:0 0 14px;font-size:16px}
.ac-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ac-stat{display:grid;gap:4px;color:inherit;transition:border-color .15s,transform .15s}
.ac-stat:hover{border-color:var(--line2);transform:translateY(-1px)}
.ac-stat-h{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.ac-stat b{font-size:20px;display:flex;align-items:center;gap:8px}
.ac-stat span:last-child{color:var(--muted);font-size:13px}
.ac-gold{color:var(--gold)}
.ac-dot{width:9px;height:9px;border-radius:50%;background:var(--dim)}
.ac-dot.ok{background:var(--up);box-shadow:0 0 0 4px rgba(38,166,154,.16)}

.ac-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ac-action{display:grid;gap:2px;padding:18px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);color:inherit;
  transition:border-color .15s,background .15s}
.ac-action:hover{border-color:rgba(245,185,66,.4);background:var(--panel2)}
.ac-action svg{width:22px;height:22px;color:var(--gold);margin-bottom:10px}
.ac-action b{font-size:14.5px}
.ac-action span{color:var(--muted);font-size:12.5px}

.ac-soon3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ac-soon{display:grid;gap:4px;padding:18px;border-radius:var(--r);color:inherit;border:1px dashed var(--line2);
  background:linear-gradient(180deg,var(--soon-bg),transparent)}
.ac-soon:hover{border-color:var(--line3)}
.ac-soon b{font-size:14.5px}
.ac-soon span:last-child{color:var(--muted);font-size:12.5px}
.ac-soon-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-bottom:8px;
  color:var(--gold);background:rgba(245,185,66,.1)}
.ac-soon-ic svg{width:19px;height:19px}
.ac-soon-ic.big{width:56px;height:56px;border-radius:16px;margin:0 auto 16px}
.ac-soon-ic.big svg{width:26px;height:26px}

/* ---------- forms ---------- */
.ac-form{display:grid;gap:16px}
.ac-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ac-field{display:grid;gap:7px}
.ac-field>span{font-size:13px;font-weight:600;color:var(--text2)}
.ac-field>span em{font-style:normal;font-weight:500;color:var(--dim)}
.ac-field input,.ac-field textarea{width:100%;padding:11px 13px;border-radius:11px;border:1px solid var(--line2);background:var(--bg);
  color:var(--text);font:inherit;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}
.ac-field input{height:44px}
.ac-field input:focus,.ac-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,185,66,.16)}
.ac-static{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-radius:11px;
  border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text2)}
.ac-static em{font-style:normal;font-size:12px;color:var(--dim)}
.ac-chips{display:flex;flex-wrap:wrap;gap:8px}
.ac-chip{height:34px;padding:0 14px;border-radius:20px;border:1px solid var(--line2);background:var(--bg);color:var(--text2);
  font:inherit;font-size:13.5px;cursor:pointer;transition:all .15s}
.ac-chip:hover{border-color:var(--line3);color:var(--text)}
.ac-chip.on{border-color:var(--gold);color:var(--gold);background:rgba(245,185,66,.08)}
.ac-foot{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:4px}
.ac-msg{font-size:13px;color:var(--muted)}
.ac-msg.ok{color:var(--ok-ink)}
.ac-msg.err{color:var(--err-ink)}
.ac-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:11px;border:1px solid var(--line2);
  background:var(--panel2);color:var(--text);font:600 14px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s}
.ac-btn:hover{border-color:var(--line3)}
.ac-btn[disabled]{opacity:.45;cursor:default}
.ac-btn.gold,.ac-plan .ac-btn{border:0;color:var(--ink);background:linear-gradient(180deg,var(--gold2),var(--gold));box-shadow:0 8px 22px rgba(245,185,66,.16)}
.ac-btn.ghost{background:transparent}
.ac-btn.ghost:hover{border-color:rgba(240,97,109,.5);color:var(--danger-ink)}
.ac-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.ac-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.ac-meter i{height:4px;border-radius:4px;background:var(--line2)}
.ac-meter[data-s="1"] i:nth-child(-n+1){background:var(--down)}
.ac-meter[data-s="2"] i:nth-child(-n+2){background:#f0a35e}
.ac-meter[data-s="3"] i:nth-child(-n+3){background:var(--gold)}
.ac-meter[data-s="4"] i{background:var(--up)}
.ac-small{margin:0;color:var(--dim);font-size:12.5px}
.ac-mt{margin-top:24px!important}
.ac-note{color:var(--dim);font-size:13px;margin:16px 2px 0}
.ac-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}

/* ---------- plan ---------- */
.ac-plan{padding:26px}
.ac-plan.premium{border-color:rgba(245,185,66,.35);
  background:radial-gradient(600px 220px at 0% 0%,rgba(245,185,66,.12),transparent 70%),var(--panel)}
.ac-plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.ac-plan h2{margin:10px 0 4px;font-size:22px;letter-spacing:-.01em}
.ac-plan p{margin:0;color:var(--muted)}
.ac-plan p b{color:var(--text)}
.ac-badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;color:var(--ink);
  background:linear-gradient(180deg,var(--gold2),var(--gold))}
.ac-badge.free{color:var(--text2);background:var(--panel2);border:1px solid var(--line2)}
.ac-feats,.ac-checks{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.ac-checks{grid-template-columns:1fr;margin:0;gap:9px}
.ac-feats li,.ac-checks li,.ac-compare li{position:relative;padding-left:26px;color:var(--text2)}
.ac-feats li:before,.ac-checks li:before,.ac-compare li:before{content:"";position:absolute;left:3px;top:4px;width:5px;height:10px;
  border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ac-checks li:before{border-color:var(--up)}
.ac-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.ac-compare>div{padding:18px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.ac-compare>div.gold{border-color:rgba(245,185,66,.35)}
.ac-compare b{display:block;margin-bottom:10px}
.ac-compare ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ac-compare>div:first-child li:before{border-color:var(--dim)}

/* ---------- lists ---------- */
.ac-activity,.ac-tickets{list-style:none;padding:0;margin:0}
.ac-activity li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ac-activity li:first-child{border-top:0;padding-top:2px}
.ac-activity i{width:8px;height:8px;border-radius:50%;background:var(--up)}
.ac-activity li.bad i{background:var(--down)}
.ac-activity b{display:block;font-weight:600;font-size:14px}
.ac-activity span{color:var(--dim);font-size:12.5px}
.ac-activity time{color:var(--muted);font-size:12.5px;white-space:nowrap}
.ac-tickets li{padding:12px 0;border-top:1px solid var(--line)}
.ac-tickets li:first-child{border-top:0;padding-top:0}
.ac-tickets b{display:block;font-weight:600}
.ac-tickets span{color:var(--dim);font-size:12.5px}
.ac-empty-line{margin:0;color:var(--dim)}

/* ---------- coming soon ---------- */
.ac-empty{text-align:center;padding:48px 28px}
.ac-empty h2{margin:0 0 8px;font-size:20px}
.ac-empty p{margin:0 auto 18px;max-width:460px;color:var(--muted)}
.ac-empty .ac-pill{display:inline-block;margin:0}
.ac-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.ac-tabs button{height:34px;padding:0 16px;border:0;border-radius:9px;background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer}
.ac-tabs button.on{background:var(--panel2);color:var(--text)}

/* ---------- toast ---------- */
.ac-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:50;padding:12px 18px;border-radius:12px;
  background:var(--toast);border:1px solid var(--line2);box-shadow:0 12px 40px var(--shadow);font-weight:500}

/* ---------- appearance ---------- */
.ac-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ac-theme{position:relative;display:grid;gap:10px;padding:12px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--panel);
  color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ac-theme:hover{border-color:var(--line3)}
.ac-theme.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,185,66,.16)}
.ac-theme b{display:flex;align-items:center;justify-content:space-between;font-size:14px}
.ac-theme b i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line2);flex:none}
.ac-theme.on b i{border:5px solid var(--gold)}
.ac-theme span{color:var(--muted);font-size:12.5px;margin-top:-6px}
.ac-prev{height:92px;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:28% 1fr;border:1px solid rgba(128,128,128,.18)}
.ac-prev .s{padding:8px 6px;display:grid;gap:5px;align-content:start}
.ac-prev .m{padding:9px;display:grid;gap:6px;align-content:start}
.ac-prev i{display:block;height:6px;border-radius:3px}
.ac-prev .g{height:22px;border-radius:5px;position:relative;overflow:hidden}
.ac-prev .g:after{content:"";position:absolute;left:6%;right:6%;bottom:30%;height:2px;background:#F5B942;transform:skewY(-12deg);border-radius:2px}
.ac-prev.dark{background:#0b0d12}.ac-prev.dark .s{background:#131722}.ac-prev.dark i{background:#2a3040}.ac-prev.dark .g{background:#131722}
.ac-prev.light{background:#f5f6fa}.ac-prev.light .s{background:#fff}.ac-prev.light i{background:#dfe3ea}.ac-prev.light .g{background:#fff}
.ac-prev.system{grid-template-columns:1fr 1fr}
.ac-prev.system>div{display:grid;grid-template-columns:40% 1fr}
.ac-prev.system>div:first-child{background:#0b0d12}.ac-prev.system>div:first-child .s{background:#131722}.ac-prev.system>div:first-child i{background:#2a3040}
.ac-prev.system>div:last-child{background:#f5f6fa}.ac-prev.system>div:last-child .s{background:#fff}.ac-prev.system>div:last-child i{background:#dfe3ea}
.ac-sync{display:flex;align-items:center;gap:8px;margin:16px 2px 0;color:var(--dim);font-size:13px}
.ac-sync svg{width:16px;height:16px;color:var(--up);flex:none}
.ac-iconbtn{width:36px;height:36px;padding:0;justify-content:center;border:0;background:none;font:inherit;cursor:pointer}
.ac-iconbtn svg{width:18px;height:18px}
[data-theme="light"] .ac-iconbtn .i-sun,:root:not([data-theme="light"]) .ac-iconbtn .i-moon{display:none}

/* ---------- watchlists ---------- */
.ac-h2row{display:flex;align-items:baseline;justify-content:space-between;margin:34px 0 12px}
.ac-h2row .ac-h2{margin:0}
.ac-h2row a{font-size:13px;font-weight:600}
.up{color:var(--up)!important}.down{color:var(--down)!important}
.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.ac-wl{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:14px;align-items:start}
.ac-wl-panel{padding:0;overflow:visible}
.ac-wl-top{display:flex;align-items:center;gap:4px;padding:12px 12px 10px;border-bottom:1px solid var(--line)}
.ac-grow{flex:1}
.ac-dd{position:relative}
.ac-wl-name{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:0;border-radius:9px;background:none;
  color:var(--text);font:inherit;font-weight:700;font-size:15px;cursor:pointer;max-width:240px}
.ac-wl-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-wl-name svg{width:16px;height:16px;flex:none;color:var(--muted)}
.ac-wl-name:hover,.ac-ib:hover{background:var(--panel2)}
.ac-ib{width:34px;height:34px;border:0;border-radius:9px;background:none;color:var(--text2);cursor:pointer;display:grid;place-items:center}
.ac-ib svg{width:18px;height:18px}
.ac-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:250px;max-width:300px;padding:6px;border-radius:12px;
  background:var(--panel);border:1px solid var(--line2);box-shadow:0 16px 40px var(--shadow)}
.ac-menu.right{left:auto;right:0}
.ac-menu button,.ac-menu a{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:8px;
  background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.ac-menu button:hover,.ac-menu a:hover{background:var(--panel2)}
.ac-menu button.on{background:var(--panel2);font-weight:600}
.ac-menu button span{flex:1;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-menu small{color:var(--dim)}
.ac-menu svg{width:17px;height:17px;flex:none;color:var(--muted)}
.ac-menu .danger,.ac-menu .danger svg{color:var(--down)}
.ac-menu .ac-dot{width:9px;height:9px;flex:none}
.ac-menu .ac-pill{margin-left:auto}
.ac-menu-h{padding:8px 10px 4px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);
  display:flex;justify-content:space-between}
.ac-menu-sep{height:1px;margin:6px 4px;background:var(--line)}
.ac-menu-form{display:grid;gap:8px;padding:8px}
.ac-menu-form label{font-size:12.5px;font-weight:600;color:var(--muted)}
.ac-menu-form input{height:38px;padding:0 11px;border-radius:9px;border:1px solid var(--line2);background:var(--bg);color:var(--text);font:inherit;outline:none}
.ac-menu-form input:focus{border-color:var(--gold)}
.ac-menu-form div{display:flex;justify-content:flex-end;gap:8px}
.ac-menu .ac-menu-form .ac-btn{display:inline-flex;justify-content:center;height:34px;min-height:0;width:auto;padding:0 14px;font-size:13px;font-weight:600}
.ac-menu .ac-menu-form .ac-btn.gold{color:var(--ink)}
.ac-wl-search{position:relative;padding:10px 12px;border-bottom:1px solid var(--line)}
.ac-wl-search input{width:100%;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--bg);color:var(--text);font:inherit;outline:none}
.ac-wl-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,185,66,.16)}
.ac-wl-results{display:grid;max-height:320px;overflow:auto;margin-top:6px}
.ac-wl-results button{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:8px 10px;border:0;border-radius:8px;background:none;
  color:var(--text);font:inherit;text-align:left;cursor:pointer}
.ac-wl-results button:hover{background:var(--panel2)}
.ac-wl-results button.have{opacity:.6}
.ac-wl-results b{font-size:14px}
.ac-wl-results span{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-wl-results small{grid-column:1/-1;color:var(--dim);font-size:11.5px}
.ac-wl-head,.ac-wl-row{display:grid;grid-template-columns:14px minmax(0,1fr) 78px 62px 62px 20px;align-items:center;gap:6px}
.ac-wl-head{padding:8px 12px 6px;font-size:11.5px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}
.ac-wl-head span:first-child{grid-column:1/3}
.ac-wl-head span:not(:first-child){text-align:right}
.ac-wl-rows{max-height:560px;overflow:auto;padding-bottom:6px}
.ac-wl-row{padding:8px 12px;cursor:pointer;border-left:2px solid transparent;outline:none}
.ac-wl-row:hover,.ac-wl-row:focus-visible{background:var(--panel2)}
.ac-wl-row.sel{background:var(--panel2);border-left-color:var(--gold)}
.ac-wl-row .nm{min-width:0;display:flex;align-items:center;gap:9px}
.ac-wl-row .nmt{min-width:0;flex:1}
/* the company logo only where the list is wide enough for it and the name together */
.ac-wl-rows{container-type:inline-size}
.ac-wl-row .nm .spz-b{display:none}
@container (min-width:400px){.ac-wl-row .nm .spz-b{display:inline-grid}}
.ac-wl-row .nm b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-wl-row .nm small{display:block;color:var(--dim);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-wl-row .num{font-size:13.5px}
.ac-flag{width:12px;height:12px;padding:0;border-radius:3px;border:1.5px solid var(--line2);background:var(--fl);cursor:pointer}
.ac-flag.on{border-color:var(--fl)}
.ac-x{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:var(--dim);cursor:pointer;opacity:0;font-size:12px}
.ac-wl-row:hover .ac-x,.ac-wl-sec:hover .ac-x,.ac-x:focus{opacity:1}
.ac-x:hover{color:var(--down);background:var(--panel)}
.ac-wl-sec{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 4px 32px;font-size:11.5px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.ac-wl-empty{margin:0;padding:18px 12px;color:var(--dim);font-size:13.5px}
.ac-wl-note{margin:0;padding:0 12px 10px;color:var(--dim);font-size:12px}
.ac-wl-note:empty{display:none}

.ac-wl-detail{position:sticky;top:84px;min-height:420px;display:grid;gap:14px;align-content:start}
.ac-wd-empty{display:grid;place-items:center;min-height:380px}
.ac-wd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.ac-wd-id{display:flex;align-items:center;gap:12px;min-width:0}
.ac-wd-av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:13px;
  color:var(--ink);background:linear-gradient(145deg,var(--gold2),var(--gold))}
.ac-wd-id b{display:block;font-size:18px}
.ac-wd-id small{display:block;color:var(--muted);font-size:12.5px}
.ac-wd-price{text-align:right}
.ac-wd-price b{display:block;font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ac-wd-price span{display:block;font-weight:600;font-variant-numeric:tabular-nums}
.ac-wd-price small{color:var(--dim);font-size:11.5px}
.ac-wd-ranges{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--bg);border:1px solid var(--line);justify-self:start}
.ac-wd-ranges button{height:28px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.ac-wd-ranges button.on{background:var(--panel2);color:var(--text)}
.ac-wd-chart{position:relative;height:300px;border-radius:10px;overflow:hidden}
.ac-wd-msg{position:absolute;inset:0;display:grid;place-items:center;color:var(--dim);font-size:13.5px;text-align:center;padding:0 20px}
.ac-wd-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1px;border-radius:10px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.ac-wd-stats div{padding:10px 12px;background:var(--panel)}
.ac-wd-stats span{display:block;color:var(--dim);font-size:11.5px}
.ac-wd-stats b{display:block;font-size:14px;font-variant-numeric:tabular-nums}
.ac-wd-actions{display:flex;flex-wrap:wrap;gap:10px}

.ac-wl-mini{padding:8px 0}
.ac-wl-mini>.ac-empty-line{padding:12px 22px}
.ac-mini-h{display:flex;justify-content:space-between;align-items:baseline;padding:6px 18px 8px}
.ac-mini-h span{color:var(--dim);font-size:12.5px}
.ac-mini-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 80px;gap:10px;align-items:center;padding:9px 18px;color:inherit;border-top:1px solid var(--line)}
.ac-mini-row:hover{background:var(--panel2)}
.ac-mini-row .nm b{display:block;font-size:14px}
.ac-mini-row .nm small{display:block;color:var(--dim);font-size:11.5px}

/* ---------- public profile ---------- */
.ac-avatar{overflow:hidden}
.ac-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.ac-avatar.big{width:88px;height:88px;font-size:30px}
.ac-pp{margin-bottom:14px}
.ac-photo{display:flex;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.ac-photo-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.ac-photo-btns label.ac-btn{cursor:pointer}
.ac-urow{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:16px}
.ac-urow b{display:block;font-size:16px;margin:2px 0}
.ac-urow-btns{display:flex;gap:10px;flex-wrap:wrap}
.ac-lbl{display:block;font-size:12.5px;font-weight:600;color:var(--muted)}
.ac-uform{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin-top:14px}
.ac-pick .ac-uform{grid-template-columns:minmax(0,1fr) auto;margin-top:0}
.ac-uform .ac-uhint,.ac-uform .ac-uchips{grid-column:1/-1;margin:0}
.ac-at{position:relative;display:block}
.ac-at i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:600;color:var(--dim)}
.ac-at input{width:100%;height:42px;padding:0 13px 0 30px;border-radius:11px;border:1px solid var(--line2);background:var(--bg);color:var(--text);font:inherit;outline:none}
.ac-at input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,185,66,.16)}
.ac-uhint{font-size:12.5px;color:var(--dim)}
.ac-uhint.ok{color:var(--up)}.ac-uhint.bad{color:var(--down)}
.ac-uchips{display:flex;flex-wrap:wrap;gap:6px}
.ac-uchips:empty{display:none}
.ac-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:center;margin-bottom:24px;
  border-color:rgba(245,185,66,.35);background:radial-gradient(500px 160px at 0 0,rgba(245,185,66,.1),transparent 70%),var(--panel)}
.ac-pick b{font-size:16px}
.ac-pick p{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.ac-ifield{position:relative;display:block}
.ac-ifield svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.ac-ifield input{padding-left:40px!important}
.ac-field>span em[data-bio-count]{float:right}
.ac-switch{display:flex;gap:12px;align-items:flex-start;margin-top:6px;cursor:pointer}
.ac-switch input{appearance:none;flex:none;width:38px;height:22px;margin:2px 0 0;border-radius:22px;background:var(--line2);position:relative;cursor:pointer;transition:background .15s}
.ac-switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.ac-switch input:checked{background:var(--gold)}
.ac-switch input:checked:after{left:19px}
.ac-switch b{display:block;font-size:14px}
.ac-switch small{display:block;color:var(--dim);font-size:12.5px}

/* ---------- smaller screens ---------- */
@media (max-width:1000px){
  .ac-wl{grid-template-columns:1fr}
  .ac-wl-detail{position:static;min-height:0}
  .ac-x{opacity:1}
  .ac-actions{grid-template-columns:1fr 1fr}
  .ac-two{grid-template-columns:1fr}
}
@media (max-width:820px){
  .ac-pick{grid-template-columns:1fr}
  .ac-uform{grid-template-columns:minmax(0,1fr) auto}
  .ac-uform [data-ucancel]{grid-column:2}
  .ac-top{padding:0 16px}
  .ac-toplink{padding:0 10px}
  .ac-wrap{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 16px 60px}
  .ac-side{position:static;min-width:0}
  .ac-me{padding:0 2px 14px}
  .ac-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px}
  .ac-nav::-webkit-scrollbar{display:none}
  .ac-nav a{flex:none;height:36px;border:1px solid var(--line);background:var(--panel)}
  .ac-nav a .ac-pill,.ac-nav-h{display:none}
  .ac-cards3,.ac-soon3{grid-template-columns:1fr}
  .ac-themes{grid-template-columns:1fr 1fr}
  .ac-hello h1,.ac-head h1{font-size:24px}
}
@media (max-width:520px){
  .ac-actions,.ac-grid2,.ac-compare,.ac-feats{grid-template-columns:1fr}
  .ac-toplink span{display:none}
  .ac-plan-top .ac-btn{width:100%}
  .ac-activity li{grid-template-columns:auto 1fr}
  .ac-activity time{grid-column:2}
}

/* ---------- public profile page (/u/<username>) ---------- */
.ac-pub{max-width:760px;margin:28px auto 80px;padding:0 16px;display:grid;gap:14px}
.ac-pub-card{padding:0;overflow:hidden}
.ac-pub-cover{height:120px;background:radial-gradient(600px 160px at 20% 0,rgba(245,185,66,.35),transparent 70%),linear-gradient(120deg,#1a1f2c,#0b0d12)}
.ac-pub-body{padding:0 28px 26px;margin-top:-44px}
.ac-pub-body .ac-avatar.big{box-shadow:0 0 0 5px var(--panel)}
.ac-pub-body h1{margin:14px 0 2px;font-size:24px}
.ac-pub-handle{margin:0;color:var(--muted)}
.ac-pub-bio{margin:14px 0 0;white-space:pre-line;max-width:560px}
.ac-pub-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ac-pub-links a{display:inline-flex;gap:6px;align-items:center;height:34px;padding:0 12px;border-radius:20px;border:1px solid var(--line2);color:var(--text2);font-size:13px;font-weight:600}
.ac-pub-links a span{color:var(--muted);font-weight:500}
.ac-pub-links a:hover{border-color:var(--gold)}

/* ---------- active sessions ---------- */
.ac-sessions{list-style:none;margin:0 0 14px;padding:0}
.ac-sessions li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.ac-sessions li:first-child{border-top:0;padding-top:0}
.ac-sessions b{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}
.ac-sessions span{display:block;color:var(--dim);font-size:12.5px}
.ac-dev-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);color:var(--muted)}
.ac-dev-ic svg{width:18px;height:18px}
.ac-btn.sm{height:32px;padding:0 12px;font-size:13px}

/* ---------- news in the symbol panel ---------- */
.ac-wd-pats{border-top:1px solid var(--line);padding:14px 0 16px}
.ac-wd-pats[hidden]{display:none}
.ac-wd-pchips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.ac-wd-pchip{display:inline-flex;align-items:stretch;max-width:100%;border-radius:10px;border:1px solid var(--line2);background:var(--panel);overflow:hidden}
.ac-wd-pchip.fav{border-color:var(--gold)}
.ac-wd-pchip a{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;color:var(--text);font-size:13px;white-space:nowrap;text-decoration:none}
.ac-wd-pchip a:hover{background:var(--panel2)}
.ac-wd-pchip .nm{font-weight:600}
.ac-wd-pchip .st,.ac-wd-pchip .lk{font-style:normal;color:var(--gold);font-size:11px}
.ac-wd-pchip .tf{border-left:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600}
.ac-wd-pchip .tf b{color:var(--text);font:600 13px "Source Serif 4",Georgia,serif;font-variant-numeric:lining-nums tabular-nums}
.ac-wd-pchip .tf:hover b{color:var(--gold)}
@media (max-width:640px){.ac-wd-pchip{flex-wrap:wrap}.ac-wd-pchip a{padding:6px 8px;font-size:12.5px}}
.ac-wd-news{border-top:1px solid var(--line);padding-top:14px}
.ac-wd-news-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.ac-wd-news-h a{font-size:13px;font-weight:600}
.ac-wd-story{display:block;padding:10px 0;border-top:1px solid var(--line);color:inherit}
.ac-wd-story:first-child{border-top:0}
.ac-wd-story b{display:block;font-size:14px;font-weight:600;line-height:1.4}
.ac-wd-story:hover b{color:var(--link)}
.ac-wd-story span{display:block;margin-top:2px;color:var(--dim);font-size:12px}

/* ---------- billing history ---------- */
.ac-bills{list-style:none;margin:0;padding:0}
.ac-bills li{display:grid;grid-template-columns:minmax(0,1fr) auto 110px 90px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ac-bills li:first-child{border-top:0;padding-top:0}
.ac-bills b{display:block;font-size:14px}
.ac-bills span{color:var(--dim);font-size:12.5px}
.ac-bills .num{color:var(--text);font-weight:600;font-size:14px}
.ac-bstat{justify-self:start;padding:3px 10px;border-radius:20px;font-size:12px!important;font-weight:600;background:var(--panel2);color:var(--muted)!important}
.ac-bstat.success{background:rgba(38,166,154,.14);color:var(--up)!important}
.ac-bstat.failed{background:rgba(240,97,109,.12);color:var(--down)!important}
@media (max-width:620px){.ac-bills li{grid-template-columns:minmax(0,1fr) auto}.ac-bills li .ac-btn{grid-column:1/-1;justify-self:start}}

/* =====================================================================================
   Wide layout (TradingView-style): the page uses the whole screen; the overview keeps the
   watchlist in a right-hand column; the Watchlists section puts a big chart left, the list right.
   ===================================================================================== */
.ac-wrap{max-width:1720px;grid-template-columns:240px minmax(0,1fr);gap:32px;padding:28px 32px 80px}
.ac-ov{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
.ac-ov-main{min-width:0}
.ac-ov-side{position:sticky;top:84px}
.ac-ov .ac-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
.ac-ov .ac-soon3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ac-wl-mini{padding:0;overflow:hidden}
.ac-mini-top{display:flex;align-items:center;gap:2px;padding:12px 10px 10px 16px;border-bottom:1px solid var(--line)}
.ac-mini-top b{font-size:15px}
.ac-mini-cols{display:grid;grid-template-columns:minmax(0,1fr) 96px 64px 28px;gap:8px;padding:8px 14px 4px 16px;font-size:11px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}
.ac-mini-cols span:not(:first-child){text-align:right}
.ac-mini-cols span:last-child{grid-column:2/4}
[data-wl-mini]{max-height:calc(100vh - 220px);overflow:auto}
[data-wl-mini] .ac-empty-line{padding:14px 16px}
.ac-mini-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 64px 28px;gap:8px;align-items:center;padding:8px 14px 8px 16px;border-top:1px solid var(--line)}
.ac-mini-row:first-child{border-top:0}
.ac-mini-row:hover{background:var(--panel2)}
.ac-mini-row .nm{min-width:0;color:inherit}
.ac-mini-row .nm b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-mini-row .nm small{display:block;color:var(--dim);font-size:11.5px}
.ac-mini-row .num{font-size:13.5px}
.ac-open{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--muted);opacity:0;transition:opacity .12s}
.ac-open svg{width:15px;height:15px}
.ac-open:hover{color:var(--link);background:var(--panel)}
.ac-mini-row:hover .ac-open,.ac-wl-row:hover .ac-open,.ac-wl-row.sel .ac-open,.ac-open:focus{opacity:1}

.ac-wl{grid-template-columns:minmax(0,1fr) 440px;gap:16px}
.ac-wl-detail{order:1;position:static;min-height:620px;min-width:0;overflow:hidden}
.ac-wl-panel,.ac-wl>*{min-width:0}
.ac-wl-panel{order:2;position:sticky;top:84px}
.ac-wl-rows{max-height:calc(100vh - 300px)}
.ac-wl-head,.ac-wl-row{grid-template-columns:14px minmax(0,1fr) 84px 66px 62px 54px}
.ac-row-acts{display:flex;justify-content:flex-end;gap:2px}
.ac-wl-row .ac-x{opacity:0}
.ac-wl-row:hover .ac-x{opacity:1}
.ac-wl-filters{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 2px}
.ac-wl-filters[hidden]{display:none}
.ac-wl-filters button{height:28px;padding:0 11px;border-radius:20px;border:1px solid var(--line2);background:var(--bg);color:var(--text2);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.ac-wl-filters button small{color:var(--dim);font-weight:500}
.ac-wl-filters button.on{background:var(--text);border-color:var(--text);color:var(--bg)}
.ac-wl-filters button.on small{color:inherit;opacity:.7}
.ac-wd-chart{height:min(56vh,520px)}
.ac-wd-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ac-wd-bar .ac-btn svg{width:15px;height:15px;margin-right:6px}
.ac-wd-name{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:20px;font-weight:700}
.ac-wd-name svg{width:16px;height:16px;color:var(--muted)}
.ac-wd-name:hover,.ac-wd-name:hover svg{color:var(--link)}
.ac-wd-price b{font-size:30px}

@media (max-width:1400px){
  .ac-ov .ac-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-ov{grid-template-columns:minmax(0,1fr) 360px}
  .ac-wl{grid-template-columns:minmax(0,1fr) 400px}
}
@media (max-width:1180px){
  .ac-ov{grid-template-columns:1fr}
  .ac-ov-side{position:static}
  [data-wl-mini]{max-height:none}
  .ac-wl{grid-template-columns:minmax(0,1fr)}
  .ac-wl-panel{order:1;position:static}
  .ac-wl-detail{order:2;min-height:0}
  .ac-wl-rows{max-height:460px}
}
@media (max-width:820px){
  .ac-wrap{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 16px 60px}
  .ac-ov .ac-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-open,.ac-wl-row .ac-x{opacity:1}
  .ac-wd-chart{height:300px}
  .ac-wd-price{text-align:left}
}
@media (max-width:560px){
  /* phones: symbol, last, change % and the actions; the change in points is on the chart */
  .ac-wl-head,.ac-wl-row{grid-template-columns:12px minmax(0,1fr) 76px 58px 48px;gap:5px;padding-left:10px;padding-right:8px}
  .ac-wl-head span:nth-child(3),.ac-wl-row [data-p="ch"]{display:none}
  .ac-mini-cols,.ac-mini-row{grid-template-columns:minmax(0,1fr) 84px 58px 26px;padding-left:12px;padding-right:10px}
  .ac-ov .ac-actions{grid-template-columns:1fr}
}

/* the breathing ghost chart while candles load (watchlists.js) */
/* loading: the chart on screen slowly breathes (fades softly in and out) until the next one is drawn */
.ac-breathe>*{animation:ac-breathe 2.4s ease-in-out infinite}
@keyframes ac-breathe{0%,100%{opacity:1}50%{opacity:.38}}
.ac-wait{position:absolute;inset:0;border-radius:12px;background:var(--panel2, rgba(127,127,127,.08))}
@media (prefers-reduced-motion:reduce){.ac-breathe>*{animation:none;opacity:.6}}
.ac-um{margin-left:6px}

/* two-step sign-in (twostep.js) */
.ac-2fa-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.ac-2fa-head h3{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.ac-2fa-head h3 .ac-pill{margin-left:0}
.ac-pill.on{color:var(--up);background:rgba(38,166,154,.1);border-color:rgba(38,166,154,.35)}
.ac-2fa-ic{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(245,185,66,.1)}
.ac-2fa-ic svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ac-2fa-state{margin:0 0 10px;color:var(--text2);font-size:14px}
.ac-2fa-step{display:grid;gap:14px;max-width:420px;margin-top:16px}
.ac-2fa-setup{max-width:none;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
.ac-2fa-qr{width:200px;height:200px;padding:10px;border-radius:14px;background:#fff}
.ac-2fa-qr svg{display:block;width:100%;height:100%}
.ac-2fa-how{display:grid;gap:14px}
.ac-2fa-how ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--text2);font-size:14px;line-height:1.5}
.ac-2fa-how code,.ac-2fa-codes code{font:600 13.5px/1.4 Menlo,Consolas,monospace;letter-spacing:.5px;color:var(--text);word-break:break-all}
.ac-link{border:0;background:none;padding:0;color:var(--gold);font:inherit;font-weight:600;cursor:pointer}
.ac-2fa-codes{margin-top:16px;padding:18px;border-radius:14px;border:1px dashed var(--line3);background:var(--bg)}
.ac-2fa-codes h4{margin:0 0 6px;font-size:15px}
.ac-2fa-codes ol{margin:14px 0;padding-left:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
@media (max-width:620px){.ac-2fa-setup{grid-template-columns:minmax(0,1fr)}.ac-2fa-qr{margin:0 auto}.ac-2fa-codes ol{grid-template-columns:minmax(0,1fr)}}

/* the watchlist chart: the last point glows while the market is open */
.ac-tip{position:absolute;left:-5px;top:-5px;z-index:3;width:10px;height:10px;border-radius:50%;background:var(--c);pointer-events:none;
  box-shadow:0 0 10px 2px var(--c);animation:ac-tip 1.8s ease-in-out infinite}
.ac-tip::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--c);animation:ac-tip-ring 1.8s ease-out infinite}
.ac-tip[hidden]{display:none}
@keyframes ac-tip{50%{box-shadow:0 0 20px 6px var(--c)}}
@keyframes ac-tip-ring{from{transform:scale(.6);opacity:.9}to{transform:scale(2.8);opacity:0}}
@media (prefers-reduced-motion:reduce){.ac-tip,.ac-tip::after{animation:none}}

/* headings in Source Serif 4 (the site's display face); the watchlist's last price colours only the digits that changed */
.ac-head h1{font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.01em}
.ac-wl-row [data-p="ltp"] .up{color:var(--up)}.ac-wl-row [data-p="ltp"] .down{color:var(--down)}
@media (max-width:380px){
  /* very narrow screens: the name keeps its room; Graph 2 opens from the chart's buttons */
  .ac-wl-head,.ac-wl-row{grid-template-columns:12px minmax(0,1fr) 72px 56px 22px;gap:4px}
  .ac-wl-row .ac-open{display:none}
}

/* numbers: every price and figure in the serif (lining, tabular), semibold; the column heads a touch larger */
.num,.ac-wd-price b,.ac-wd-price span,.ac-wd-stats b{font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-variant-numeric:lining-nums tabular-nums;font-optical-sizing:auto}
.ac-wl-row .num,.ac-mini-row .num{font-weight:600;font-size:14px}
.ac-wd-price b{font-weight:600;font-size:28px;letter-spacing:-.01em}
.ac-wd-stats b{font-weight:600}
.ac-wl-head{font-size:12px;font-weight:600;letter-spacing:.05em}