*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f5f4ef;color:#16171b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e3e0d8;background:rgba(245,244,239,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em}.brandmark{width:34px;height:34px;border-radius:10px;background:#17181d;color:#fff;display:grid;place-items:center;font-weight:900}.menuBtn{width:44px;height:44px;border:1px solid #ddd9cf;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:22px}.drawer{position:fixed;inset:0;z-index:40;pointer-events:none}.drawer.open{pointer-events:auto}.drawerBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.28);opacity:0;transition:.2s}.drawer.open .drawerBackdrop{opacity:1}.drawerPanel{position:absolute;right:0;top:0;height:100%;width:min(86vw,360px);background:#111216;color:#f5f5f5;padding:18px;transform:translateX(100%);transition:.22s;box-shadow:-20px 0 50px rgba(0,0,0,.18)}.drawer.open .drawerPanel{transform:translateX(0)}.drawerPanel .close{display:flex;justify-content:flex-end}.drawerPanel button{background:#26282f;border:0;color:#fff;border-radius:10px;padding:10px 13px}.drawerNav{display:grid;gap:8px;margin-top:24px}.drawerNav a{padding:14px 12px;border-radius:12px;color:#d8d9df}.drawerNav a.active,.drawerNav a:hover{background:#24262d;color:white}.page{max-width:1180px;margin:0 auto;padding:26px 20px 70px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#75736c;font-weight:800}.hero{padding:8px 0 18px}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.04;margin:6px 0 10px;letter-spacing:-.04em}.hero p{max-width:760px;color:#626159;line-height:1.7;margin:0}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel{background:#fff;border:1px solid #e3e0d8;border-radius:18px;padding:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.toolbar select{padding:9px 12px;border:1px solid #d9d5cc;border-radius:10px;background:#fff}.metricLabel{font-size:12px;color:#77746d;font-weight:650}.metricValue{font-size:34px;font-weight:850;letter-spacing:-.04em;margin-top:5px}.metricSub{font-size:12px;color:#96928a;margin-top:4px;line-height:1.5}.section{margin-top:16px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.sectionTitle h2{margin:0;font-size:20px}.sectionTitle p{margin:2px 0 0;color:#77746d;font-size:12px;line-height:1.55}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.muted{color:#77746d}.empty{padding:24px 0;color:#8a877f}.filters{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:8px;margin-bottom:14px}.filters input,.filters select,.authCard input,.formCard input,.formCard textarea,.controlsGrid input,.controlsGrid select{width:100%;padding:11px 12px;border:1px solid #d9d5cc;border-radius:11px;background:#fff;color:#18191d}.primary{border:0;border-radius:12px;background:#191a1f;color:white;padding:12px 16px;font-weight:750}.secondary{border:1px solid #d9d5cc;border-radius:12px;background:white;color:#191a1f;padding:10px 13px;font-weight:700;white-space:nowrap}.tableWrap{overflow:auto}.dataTable{width:100%;border-collapse:collapse;min-width:900px}.dataTable th,.dataTable td{text-align:left;padding:13px 10px;border-bottom:1px solid #edeae3;font-size:14px}.dataTable th{font-size:12px;color:#77746d;letter-spacing:.02em}.authCard,.formCard{max-width:620px}.stack{display:grid;gap:10px}.planGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.planCard{background:#fff;border:1px solid #e3e0d8;border-radius:18px;padding:22px}.notice{padding:14px 16px;border-radius:12px;background:#f1efe9;color:#65635d;font-size:13px}.footer{padding:24px 20px 40px;color:#8a877f;font-size:12px;text-align:center}.postGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.postCard{border:1px solid #e8e4dc;border-radius:16px;padding:16px;background:#fff;min-height:220px;display:flex;flex-direction:column}.postCard.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.postCard.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,0,0,.06)}.postTags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.postTags span{padding:3px 7px;border-radius:999px;background:#f2f0ea;font-size:10px;color:#66635d}.postText{font-size:15px;line-height:1.65;font-weight:650;flex:1}.postMeta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px;color:#8a877f}.postStats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid #f0ede8;font-size:11px;color:#66635d}.postStats.six{grid-template-columns:repeat(3,1fr);row-gap:9px}.postStats span{text-align:center}.postFooter{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:#77746d;font-size:10px}.postLink{margin-top:10px;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.inlineHelp{margin:10px 0 14px;padding:10px 12px;border-left:3px solid #282a30;background:#f7f5ef;color:#66635d;font-size:12px;line-height:1.65}.controlsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;align-items:end}.controlsGrid label{display:grid;gap:5px;font-size:11px;color:#77746d;font-weight:700}.controlsGrid .grow{grid-column:span 2}.analysisRow{padding:12px 0;border-bottom:1px solid #efebe3}.analysisRow:last-child{border-bottom:0}.analysisRow>div:first-child{display:flex;align-items:center;gap:8px}.analysisNums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:7px;color:#65635d;font-size:11px}.confidence{font-size:9px;padding:2px 6px;border-radius:999px;background:#eeeae2;color:#6e6a62}.confidence.comparable{background:#e5f3e8;color:#2f6840}.confidence.early{background:#fff1cc;color:#765b16}.confidence.preliminary{background:#f0ece5;color:#777067}.readingGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.readingGrid>div{padding-right:12px}.readingGrid p{margin:5px 0 0;color:#6b6963;font-size:12px;line-height:1.65}.detailHero{font-size:clamp(24px,4vw,42px);line-height:1.4;font-weight:800}.detailStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detailStat{padding:14px;border:1px solid #ece8df;border-radius:14px}.detailStat b{display:block;font-size:22px;margin-top:5px}.backLink{display:inline-block;margin-bottom:14px;font-size:13px;font-weight:700}.formCard textarea{min-height:180px;resize:vertical}@media(max-width:920px){.grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.twoCol{grid-template-columns:1fr}.planGrid,.postGrid{grid-template-columns:1fr}.postCard{min-height:auto}.controlsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.readingGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.page{padding:20px 14px 56px}.topbar{padding:14px 16px}.grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.panel{padding:15px;border-radius:15px}.metricValue{font-size:28px}.filters,.controlsGrid{grid-template-columns:1fr}.controlsGrid .grow{grid-column:auto}.hero h1{font-size:36px}.sectionTitle{align-items:flex-start}.toolbar{align-items:flex-start;flex-direction:column}.analysisNums{grid-template-columns:repeat(2,minmax(0,1fr))}.readingGrid{grid-template-columns:1fr}.secondary{padding:8px 10px}.postStats.six{grid-template-columns:repeat(3,1fr)}.detailStats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2026-09-12 desktop analytics redesign */
:root{--bg:#0b0d10;--panel:#12161b;--panel2:#0f1317;--line:#27303a;--line2:#1b222a;--text:#eef2f5;--muted:#8d98a6;--accent:#9fe870;--accent2:#6fb7ff;--warn:#ffca72}
html,body{background:var(--bg);color:var(--text)}
.topbar{background:rgba(11,13,16,.96);border-color:var(--line);padding:13px 18px}
.brandmark{background:var(--accent);color:#0a0d0f;border-radius:4px}
.menuBtn{background:#11161b;border-color:var(--line);color:var(--text);border-radius:6px}
.page{max-width:none;padding:28px 28px 72px}
.hero{border-bottom:1px solid var(--line2);padding:8px 0 20px}
.hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.03em}
.hero p,.muted,.sectionTitle p,.metricSub,.readingGrid p{color:var(--muted)}
.eyebrow,.metricLabel,.navTitle{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#7f8b98}
.panel,.planCard,.postCard,.detailStat{background:var(--panel);border-color:var(--line);border-radius:8px;box-shadow:none}
.toolbar select,.filters input,.filters select,.authCard input,.formCard input,.formCard textarea,.controlsGrid input,.controlsGrid select{background:#0d1115;color:var(--text);border-color:#303946;border-radius:5px}
.primary{background:var(--accent);color:#0a0d0f;border-radius:5px}
.secondary{background:#141a20;color:var(--text);border-color:#303946;border-radius:5px}
.notice,.inlineHelp{background:#10151a;color:#a9b2bd;border-color:#35404c}
.dataTable th,.dataTable td,.analysisRow{border-color:var(--line2)}
.dataTable th{color:#9da8b5}
.postTags span,.confidence{background:#1a2129;color:#b7c1cc;border-radius:4px}
.confidence.comparable{background:#17351f;color:#a8ecb8}.confidence.early{background:#3c3118;color:#f2d28d}.confidence.preliminary{background:#232a31;color:#aab4bf}
.metricValue{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.footer{color:#65717f;border-top:1px solid var(--line2)}
.desktopNav{display:none}
.chartPanel{overflow:hidden}
.barChart{height:230px;display:flex;align-items:flex-end;gap:7px;padding:18px 6px 28px;border-top:1px solid var(--line2);position:relative}
.barItem{flex:1;min-width:18px;height:100%;display:flex;align-items:flex-end;position:relative}
.barFill{width:100%;min-height:2px;background:linear-gradient(180deg,var(--accent),#4f8f39);border:1px solid #7bd25c;border-bottom:0;position:relative}
.barFill:hover{filter:brightness(1.15)}
.barLabel{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:10px;color:#768290;white-space:nowrap}
.barValue{position:absolute;left:50%;top:-19px;transform:translateX(-50%);font-size:10px;color:#b8c2cc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.deltaUp{color:var(--accent)}.deltaDown{color:#ff8c8c}
.planPrice{font-size:34px;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin:8px 0 14px}
.planCard.featured{border-color:#5d8d43;box-shadow:0 0 0 1px #5d8d43 inset}
.planBadge{display:inline-block;font-size:10px;padding:4px 6px;border:1px solid #4f7740;color:#b9ef9e;margin-bottom:10px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(min-width:1100px){
  .menuBtn{display:none}
  .desktopNav{display:flex;position:fixed;left:0;top:61px;bottom:0;width:210px;border-right:1px solid var(--line);background:#0c1014;padding:18px 14px;flex-direction:column;z-index:10}
  .desktopNav nav{display:grid;gap:5px}.desktopNav nav a{padding:10px 11px;border:1px solid transparent;color:#95a1ae;font-size:13px;border-radius:4px}
  .desktopNav nav a:hover,.desktopNav nav a.active{background:#151b21;border-color:#2b3540;color:#fff}
  .navFoot{margin-top:auto;color:#52606d;font-size:10px;line-height:1.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
  .page{margin-left:210px;max-width:1500px;padding-left:34px;padding-right:34px}
  .footer{margin-left:210px}
  .grid3{grid-template-columns:repeat(4,minmax(0,1fr))}
  .twoCol{grid-template-columns:1.15fr .85fr}
  .postGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){.barChart{height:190px;gap:4px}.barValue{display:none}.barLabel{font-size:9px}}