/* 今日AI风向标 · BBSHARE */
:root{
  --bg:#FBFAF7; --surface:#FFFFFF; --surface-2:#F3F1EC; --ink:#17171A; --ink-2:#45454D; --ink-3:#6A6A72;
  --line:#E8E5DE; --line-2:#DCD8CF; --accent:#D9461C; --accent-ink:#B83A16; --accent-soft:#FCEEE8;
  --take:#FFF7EC; --take-line:#F2D9B8;
  --t-model:#6E56CF; --t-tool:#0E8A6A; --t-coding:#2563EB; --t-media:#D23F7A; --t-trend:#B7791F; --t-biz:#C2410C;
  --shadow:0 1px 2px rgba(20,20,30,.04),0 4px 16px rgba(20,20,30,.04);
  --r:16px; --r-s:10px;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --serif:"Songti SC","Noto Serif SC","Noto Serif CJK SC","Source Han Serif SC","STSong",serif;
  --head-h:60px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#0F1013; --surface:#17181C; --surface-2:#1E2025; --ink:#EDEDEF; --ink-2:#BDBDC6; --ink-3:#93939D;
  --line:#26282E; --line-2:#33363D; --accent:#FF7A4D; --accent-ink:#FF8F69; --accent-soft:rgba(255,122,77,.12);
  --take:rgba(255,190,110,.07); --take-line:rgba(255,190,110,.22);
  --t-model:#9E8CF0; --t-tool:#3CC79C; --t-coding:#6EA0FF; --t-media:#F06AA3; --t-trend:#E4B04A; --t-biz:#FF8A4C;
  --shadow:none; color-scheme:dark;}}
:root[data-theme=dark]{
  --bg:#0F1013; --surface:#17181C; --surface-2:#1E2025; --ink:#EDEDEF; --ink-2:#BDBDC6; --ink-3:#93939D;
  --line:#26282E; --line-2:#33363D; --accent:#FF7A4D; --accent-ink:#FF8F69; --accent-soft:rgba(255,122,77,.12);
  --take:rgba(255,190,110,.07); --take-line:rgba(255,190,110,.22);
  --t-model:#9E8CF0; --t-tool:#3CC79C; --t-coding:#6EA0FF; --t-media:#F06AA3; --t-trend:#E4B04A; --t-biz:#FF8A4C;
  --shadow:none; color-scheme:dark;}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.01em}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.3;font-weight:700}
p{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
button,input,select{font:inherit;color:inherit}
img{display:block}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;z-index:100;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* header */
.site-head{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.head-in{height:var(--head-h);display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.brand-t{font-weight:700;font-size:17px;letter-spacing:.02em}
.brand-by{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--ink-3);border:1px solid var(--line-2);padding:1px 6px;border-radius:999px}
.nav-top{display:none;gap:4px;margin-left:auto}
.nav-top a{text-decoration:none;color:var(--ink-2);padding:8px 12px;border-radius:999px;font-size:15px;min-height:40px;display:flex;align-items:center}
.nav-top a:hover{color:var(--ink);background:var(--surface-2)}
.nav-top a[aria-current]{color:var(--ink);background:var(--surface-2);font-weight:600}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--ink-2);cursor:pointer;flex:none}
.icon-btn:hover{background:var(--surface-2);color:var(--ink)}
.theme-btn{margin-left:auto}
.i-moon{display:none}
:root[data-theme=dark] .i-sun{display:none} :root[data-theme=dark] .i-moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:none}:root:not([data-theme=light]) .i-moon{display:block}}

/* tabbar (mobile) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;text-decoration:none;color:var(--ink-3);font-size:11px}
.tabbar a[aria-current]{color:var(--accent)}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
@media (min-width:900px){.tabbar{display:none}body{padding-bottom:0}.nav-top{display:flex}.theme-btn{margin-left:0}}

/* masthead */
.masthead{padding-top:40px;padding-bottom:8px}
.kicker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3);font-weight:500;letter-spacing:.04em}
.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.masthead h1,.page-head h1{font-family:var(--serif);font-size:clamp(34px,8vw,64px);font-weight:900;letter-spacing:.01em;margin:10px 0 6px;line-height:1.1}
.dek{color:var(--ink-2);font-size:17px;max-width:640px}
.stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;color:var(--ink-3);font-size:14px}
.stats b{color:var(--ink);font-size:18px;margin-right:4px;font-variant-numeric:tabular-nums}

.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ink-3)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.sec-note{font-size:12px;color:var(--ink-3)}
.h2{font-size:22px}
.more{font-size:14px;color:var(--accent-ink);text-decoration:none;padding:10px 0}

/* summary */
.summary{margin-top:32px}
.summary ol{margin-top:12px;border-top:1px solid var(--line)}
.summary li{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}
.summary .num{font-family:var(--serif);color:var(--accent);font-weight:700;font-size:15px;padding-top:4px}
.summary p{font-family:var(--serif);font-size:19px;line-height:1.65;font-weight:600}

/* hot */
.hot{margin-top:36px}
.hot-grid{display:grid;gap:10px}
.hot-card{position:relative;display:grid;gap:6px;padding:16px 16px 16px 52px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.hot-card:hover{border-color:var(--line-2);transform:translateY(-1px)}
.hot-rank{position:absolute;left:16px;top:14px;font-family:var(--serif);font-size:24px;font-weight:900;color:var(--accent);line-height:1}
.hot-who{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3)}
.hot-t{font-weight:600;font-size:16px;line-height:1.5}
.hot-m{font-size:13px;color:var(--ink-3)} .hot-m b{color:var(--ink);font-variant-numeric:tabular-nums}
@media (min-width:760px){.hot-grid{grid-template-columns:repeat(3,1fr)}}

/* avatar */
.av{--s:40px;position:relative;width:var(--s);height:var(--s);flex:none;border-radius:50%;overflow:hidden;background:var(--surface-2);display:inline-grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line)}
.av-i{font-size:calc(var(--s) * .42);font-weight:700;color:var(--ink-3)}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.av-tool{color:var(--accent);background:var(--accent-soft)}
.av-tool svg{width:55%;height:55%}

/* strip */
.strip{margin-top:28px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.strip::-webkit-scrollbar{display:none}
.strip ol{display:flex;gap:4px;padding:0 14px;width:max-content}
.strip a{display:flex;flex-direction:column;align-items:center;gap:6px;width:68px;padding:6px 0;text-decoration:none;font-size:12px;color:var(--ink-2)}
.strip a span:last-child{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1024px){.strip{display:none}}

/* layout */
.layout{display:block;margin-top:28px}
.toc{display:none}
@media (min-width:1024px){
  .layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;margin-top:44px}
  .toc{display:block}
  .toc-in{position:sticky;top:calc(var(--head-h) + 20px)}
  .toc ol{margin-top:10px}
  .toc a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;text-decoration:none;font-size:14px;color:var(--ink-2)}
  .toc a:hover{background:var(--surface-2);color:var(--ink)}
  .toc a.on{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-weight:600}
  .toc-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .toc-c{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
}
.feed{min-width:0;max-width:760px}

/* filter bar */
.filterbar{position:sticky;top:var(--head-h);z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:8px}
.search{position:relative;flex:1 1 240px;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;color:var(--ink-3)}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}
.search input::placeholder{color:var(--ink-3)}
kbd{font:12px var(--sans);color:var(--ink-3);border:1px solid var(--line-2);border-radius:6px;padding:0 6px;display:none}
@media (hover:hover){kbd{display:inline}}
.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:3px}
.seg button{border:0;background:transparent;padding:0 12px;height:38px;border-radius:9px;font-size:14px;color:var(--ink-2);cursor:pointer}
.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;width:100%}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);font-size:14px;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--ink-3)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.count{font-size:13px;color:var(--ink-3);width:100%}
.sort select{height:44px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);padding:0 10px;font-size:14px}

/* tags */
.tg{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--ink-3)}
.tg-model{background:var(--t-model)} .tg-tool{background:var(--t-tool)} .tg-coding{background:var(--t-coding)}
.tg-media{background:var(--t-media)} .tg-trend{background:var(--t-trend)} .tg-biz{background:var(--t-biz)}
.tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-3);padding:2px 8px;border-radius:999px;background:var(--surface-2)}

/* person */
.person{padding:28px 0;border-bottom:1px solid var(--line)}
.person:last-child{border-bottom:0}
.p-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.p-id{display:flex;align-items:center;gap:12px;text-decoration:none;flex:1;min-width:0}
.p-txt{display:flex;flex-direction:column;min-width:0}
.p-name{font-size:20px;font-weight:700;line-height:1.3}
.p-id:hover .p-name{color:var(--accent-ink)}
.p-sub{font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pts{counter-reset:pt}
.pt{position:relative;padding:14px 0 14px 18px;border-left:2px solid var(--line)}
.pt-t{font-size:17px;font-weight:700;line-height:1.5}
.pt-b{color:var(--ink-2);margin-top:4px}
.pt-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;font-size:13px;color:var(--ink-3)}
.src{display:inline-flex;align-items:center;gap:2px;color:var(--accent-ink);font-weight:600;text-decoration:none;min-height:32px}
.src:hover{text-decoration:underline}
.meta{display:inline-flex;gap:10px;font-variant-numeric:tabular-nums}
mark{background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.take{margin-top:14px;padding:14px 16px;background:var(--take);border:1px solid var(--take-line);border-radius:var(--r-s)}
.take-l{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--accent-ink);margin-bottom:2px}
.take p{font-size:15px;color:var(--ink)}
.person[hidden],.pt[hidden],.cr[hidden],.tool[hidden]{display:none}

/* empty */
.empty{text-align:center;padding:56px 20px;color:var(--ink-3)}
.empty-t{font-size:18px;color:var(--ink);font-weight:600;margin-bottom:4px}
.empty .btn{margin-top:14px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--ink-3)}
.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn-primary:hover{opacity:.9}
.btn-ghost{background:transparent}

/* tools */
.tools-sec{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.tool-grid{display:grid;gap:12px}
@media (min-width:640px){.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.tool-grid{grid-template-columns:repeat(3,1fr)}}
.tool{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.tool h3{font-size:17px}
.tool>p{font-size:14px;color:var(--ink-2);flex:1}
.tool-l{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}
.tool-l a{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:600;color:var(--accent-ink);text-decoration:none;min-height:32px}
.tool-l a:hover{text-decoration:underline}
.tool-via{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:10px;margin-top:6px}
.tool-iss{margin-left:auto;color:var(--ink-3)}
.sponsor{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;padding:14px 16px;border:1px dashed var(--line-2);border-radius:var(--r);font-size:14px;color:var(--ink-3)}
.sponsor-l{font-size:11px;font-weight:700;letter-spacing:.1em;border:1px solid var(--line-2);border-radius:6px;padding:1px 6px}
.sponsor a{color:var(--ink-2);margin-left:auto}

/* share / cta / nav */
.share{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.cta{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:center;margin:32px 0 0;padding:22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.cta h2{font-size:18px}
.cta p{color:var(--ink-2);font-size:14px;margin-top:2px}
.cta .btn{grid-column:1/-1;justify-content:center}
@media (min-width:640px){.cta{grid-template-columns:auto 1fr auto}.cta .btn{grid-column:auto}}
.issue-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;margin-bottom:48px}
.pn{display:flex;flex-direction:column;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;font-weight:600}
.pn small{font-weight:400;color:var(--ink-3);font-size:12px}
.pn.next{text-align:right}
.pn.disabled{color:var(--ink-3)}
.totop{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 16px rgba(0,0,0,.08);border-radius:50%}
@media (min-width:900px){.totop{bottom:24px}}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:14px;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* footer */
.site-foot{border-top:1px solid var(--line);padding:32px 0;margin-top:24px}
.foot-in{display:grid;gap:10px}
.foot-brand{display:flex;gap:12px;align-items:center}
.foot-brand p,.foot-meta{font-size:13px;color:var(--ink-3)}

/* page head */
.page-head{padding-top:40px;padding-bottom:20px}

/* archive */
.archive section{margin-top:12px}
.arc-list{margin-top:10px;display:grid;gap:10px}
.arc{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-decoration:none;box-shadow:var(--shadow)}
.arc:hover{border-color:var(--line-2)}
.arc-d{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}
.arc-d b{font-family:var(--serif);font-size:32px;line-height:1}
.arc-d small{color:var(--ink-3);font-size:12px}
.arc-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.arc-k{font-size:13px;color:var(--ink-3)}
.arc-t{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.5}
.avs{display:flex;align-items:center}
.avs .av{margin-right:-6px;box-shadow:0 0 0 2px var(--surface)}
.more-n{margin-left:12px;font-size:12px;color:var(--ink-3)}
.arc-foot{margin:28px 0 40px;color:var(--ink-3);font-size:14px}
.arc-foot a{color:var(--accent-ink)}

/* creators */
.cr-grid{display:grid;gap:10px;margin-top:12px}
@media (min-width:640px){.cr-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.cr-grid{grid-template-columns:repeat(3,1fr)}}
.cr{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}
.cr-main{display:flex;gap:12px;align-items:center;text-decoration:none}
.cr-txt{display:flex;flex-direction:column;min-width:0}
.cr-n{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-h{font-size:13px;color:var(--ink-3)}
.cr-main:hover .cr-n{color:var(--accent-ink)}
.cr-f{font-size:14px;color:var(--ink-2);flex:1}
.cr-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cr-fl{font-size:13px;color:var(--ink-3);margin-right:4px} .cr-fl b{color:var(--ink)}
.badge{font-size:12px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);padding:2px 8px;border-radius:999px;text-decoration:none}

/* prose */
.prose{max-width:720px;padding-bottom:40px}
.prose h2{font-size:20px;margin:32px 0 12px}
.prose p{color:var(--ink-2)}
.prose a{color:var(--accent-ink)}
.steps{counter-reset:s;display:grid;gap:10px}
.steps li{counter-increment:s;display:grid;grid-template-columns:32px 1fr;gap:4px 10px;padding:14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface)}
.steps li::before{content:counter(s);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:14px}
.steps span{color:var(--ink-2);font-size:15px}
.plain{list-style:disc;padding-left:20px;color:var(--ink-2)}
.plain li{margin:4px 0}

@media (min-width:900px){
  body{font-size:17px}
  .wrap{padding:0 32px}
  .masthead{padding-top:72px}
  .summary p{font-size:22px}
  .page-head{padding-top:64px}
}

/* ===== v2 audit fixes ===== */
[hidden]{display:none!important}
:root{--accent:#CC4318}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#FF7A4D}}
:root[data-theme=dark]{--accent:#FF7A4D}
.summary .num,.tabbar a[aria-current]{color:var(--accent-ink)}
/* masthead: date is the headline */
.masthead h1{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.h1-wd{font-family:var(--sans);font-size:.36em;font-weight:500;color:var(--ink-3);letter-spacing:.04em}
.kicker{color:var(--ink-2);font-weight:600}
/* sticky filter only where there is room */
.filterbar{position:static}
.person,.pt,#tools{scroll-margin-top:calc(var(--head-h) + 12px)}
@media (min-width:1024px){
  .filterbar{position:sticky;top:var(--head-h)}
  .person{scroll-margin-top:calc(var(--head-h) + 132px)}
  .pt{scroll-margin-top:calc(var(--head-h) + 168px)}
}
.pt:target{background:linear-gradient(90deg,var(--accent-soft),transparent 70%);border-left-color:var(--accent)}
@media (prefers-reduced-motion:no-preference){.pt:target{animation:flash 1.6s ease-out}}
@keyframes flash{from{background-color:var(--accent-soft)}}
/* tap targets >= 44px (visual stays compact, hit area grows) */
.chip,.seg button,.src,.tool-l a,.badge,.reset,.tool-iss,.more{position:relative}
.chip::after,.seg button::after,.src::after,.tool-l a::after,.badge::after,.reset::after,.tool-iss::after,.more::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.chip{height:38px}
.seg button{height:38px}
/* search clear */
.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.q-x{display:grid;place-items:center;width:32px;height:32px;margin-right:-6px;border:0;border-radius:50%;background:var(--surface-2);color:var(--ink-2);font-size:18px;line-height:1;cursor:pointer;position:relative}
.q-x::after{content:"";position:absolute;inset:-6px}
.search:focus-within kbd,.search.has-q kbd{display:none}
.count{display:flex;align-items:center;gap:10px}
.reset{border:0;background:none;padding:0;color:var(--accent-ink);font-size:13px;font-weight:600;cursor:pointer;order:2}
/* scroll fade on chip rows */
.chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:24px}
@media (min-width:1024px){.chips{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none;padding-right:0}}
/* calmer bullet meta on phones */
@media (max-width:639px){
  .pt-m .tag,.pt-m .meta span:last-child{display:none}
  .pt{padding-left:14px}
  .p-name{font-size:19px}
  .cr{padding:14px}
}
.next-note{margin:28px auto 48px;color:var(--ink-3);font-size:14px}
.next-note a{color:var(--accent-ink)}
.pn.disabled{visibility:hidden}
.more{font-size:13px;padding:0}
.tools-sec .sec-head{margin-bottom:12px}
/* compact creator rows on phones */
@media (max-width:639px){
  .cr-grid{gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
  .cr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line);background:transparent}
  .cr:last-child{border-bottom:0}
  .cr-main{grid-column:1/-1}
  .cr-main .av{--s:40px!important}
  .cr-f{grid-column:1/-1;font-size:13px;padding-left:52px;margin-top:-4px;color:var(--ink-3)}
  .cr-m{grid-column:1/-1;padding-left:52px}
  .cr-m span:nth-of-type(3){display:none}
}