/* Hallmark · genre: modern-minimal · theme: custom · posture: restrained · surface: white paper, slate ink, Amazon orange as the one signal · nav: the KDPTop bar, wordmark left and sign-in right, kept because users find it · footer: link columns with kdp123 and the locale switch · hero: settled · job: research tool sign-up */
/* Hallmark · pre-emit critique: P3 H4 E4 S4 R4 V3 · weakest: V, the layout predates the gate; the pass removed literals, eyebrows and dot-joined meta instead of redrawing pages people already use */
:root{--paper: #ffffff;--bg: #f5f7fb;--fill: #f6f7f9;--fill-2: #eef0f4;--line: #e6e9ef;--line-strong: #d5dae2;--faint: #666d79;--on-night-faint: #949cab;--field-edge: #828a97;--text-display: clamp(34px, 3vw + 1rem, 56px);--text-section: clamp(26px, 2vw + .75rem, 42px);--section-y: clamp(44px, 5vw, 72px);--muted: #5b6270;--ink2: #3b4250;--ink: #141b2b;--night: #0b1220;--night-2: #172033;--night-line: #2b3445;--on-night: #e6e9ef;--on-night-muted: #aeb6c4;--brand: #ff9900;--brand-deep: #e47911;--brand-ink: #a64e00;--brand-ink-deep: #5a3b00;--brand-soft: #fff4e2;--brand-soft-2: #ffe6bf;--brand-line: #ffd08a;--brand-bright: #ffb547;--green: #18a058;--green-ink: #0a7a3d;--green-soft: #e8f7ee;--green-line: #abefc6;--green-bright: #3ddc84;--red: #d03050;--red-ink: #b42318;--red-soft: #fef3f2;--red-line: #fecdca;--blue: #2b6fe0;--blue-soft: #e8f0ff;--navy: #1d3557;--brand-a06: rgb(255 153 0 / .06);--brand-a12: rgb(255 153 0 / .12);--brand-a18: rgb(255 153 0 / .18);--brand-a30: rgb(255 153 0 / .3);--brand-a45: rgb(255 153 0 / .45);--white-a05: rgb(255 255 255 / .05);--white-a10: rgb(255 255 255 / .1);--white-a18: rgb(255 255 255 / .18);--white-a25: rgb(255 255 255 / .25);--white-a50: rgb(255 255 255 / .5);--white-a92: rgb(255 255 255 / .92);--white-a97: rgb(255 255 255 / .97);--shade-a04: rgb(15 23 42 / .04);--shade-a08: rgb(15 23 42 / .08);--shade-a14: rgb(15 23 42 / .14);--shade-a20: rgb(15 23 42 / .2);--shade-a35: rgb(15 23 42 / .35);--shade-a45: rgb(15 23 42 / .45);--shade-a70: rgb(15 23 42 / .7);--shade-a82: rgb(15 23 42 / .82);--green-a15: rgb(24 160 88 / .15);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html,body,#app{margin:0;height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}html,body{overflow-x:clip}h1,h2{overflow-wrap:break-word;min-width:0}:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}.sep{display:inline-block;width:1px;height:.8em;margin:0 8px;vertical-align:-1px;background:currentColor;opacity:.35}button:disabled,[aria-disabled=true]{cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page{padding:24px 28px 40px;max-width:1480px;margin:0 auto}.page-title{font-size:20px;font-weight:700;margin:0 0 16px}.muted{color:var(--muted);font-size:12px}.n-card{box-shadow:0 1px 2px var(--shade-a04)}.grid{display:grid;gap:16px}.grid.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.k5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.k2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.k21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.mt{margin-top:16px}@media(max-width:1100px){.grid.k4,.grid.k5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.k3,.grid.k2,.grid.k21{grid-template-columns:minmax(0,1fr)}}.kpi{position:relative;padding:16px 20px;border-radius:14px;background:var(--paper);border:1px solid var(--fill-2);box-shadow:0 1px 2px var(--shade-a04);overflow:hidden}.kpi-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.blue,.kpi-icon.violet{background:var(--blue-soft);color:var(--blue)}.kpi-icon.red{background:var(--red-soft);color:var(--red)}.kpi-value{font-size:28px;font-weight:750;letter-spacing:-.5px;margin-top:8px;color:var(--ink);font-variant-numeric:tabular-nums}.kpi-sub{font-size:12px;color:var(--muted);margin-top:4px}.score-meter{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:90px}.score-bar{flex:1;height:6px;border-radius:3px;background:var(--fill-2);overflow:hidden}.score-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--brand-line),var(--brand))}.score-num{font-weight:700;font-variant-numeric:tabular-nums;width:24px;text-align:right}.score-chip{display:inline-block;min-width:30px;padding:2px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:12px;font-weight:700;text-align:center}.section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--bg);color:var(--ink2);font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:4px}.chip.type{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.chip.aud-kids{background:var(--green-soft);color:var(--green-ink)}.chip.aud-teens{background:var(--blue-soft);color:var(--blue)}.chip.aud-adults{background:var(--fill-2);color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.dot.on{background:var(--green);box-shadow:0 0 0 3px var(--green-a15)}.dot.off{background:var(--red)}.dot.warn{background:var(--brand)}.pager-total{color:var(--muted);font-size:13px;margin-right:4px}.book-cell{display:flex;gap:8px;align-items:center}.book-cell img{width:40px;height:60px;object-fit:cover;border-radius:3px;background:var(--fill-2);flex-shrink:0}.book-cell-main{min-width:0}.ext-mini{color:var(--brand);text-decoration:none;font-size:11px}.book-title{font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.up{color:var(--green)}.down{color:var(--red)}a.link{color:var(--blue);text-decoration:none;cursor:pointer}a.author-link{color:inherit;cursor:pointer;text-decoration:underline dotted var(--on-night-muted);text-underline-offset:2px}a.author-link:hover{color:var(--blue)}.progress-row{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:8px}html{scroll-behavior:smooth}.site{background:var(--paper);color:var(--night);min-height:100%}.container{max-width:1180px;margin:0 auto;padding:0 24px}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 24px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;font-family:inherit;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}.btn:disabled{background:var(--fill-2);color:var(--faint);border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn.sm{height:36px;padding:0 16px;font-size:14px;border-radius:8px}.btn.primary{color:var(--ink);background:linear-gradient(180deg,var(--brand-bright),var(--brand));box-shadow:0 6px 20px var(--brand-a30)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px var(--brand-a45)}.btn.ghost{color:inherit;border-color:var(--white-a25);background:var(--white-a05)}.btn.ghost:hover{background:var(--white-a10)}.btn.outline{color:var(--night);border-color:var(--line-strong);background:var(--paper)}.btn.outline:hover{border-color:var(--brand);color:var(--brand-deep)}.section{padding:var(--section-y) 0}.section-head{text-align:center;max-width:860px;margin:0 auto 40px}.section-head h1,.section-head h2{font-size:var(--text-section);line-height:1.25;margin:8px 0 12px;letter-spacing:-.5px}.section-head p{color:var(--muted);font-size:17px;line-height:1.75;margin:0}@media(max-width:640px){:root{--section-y: 40px}.container{padding:0 16px}.section-head{margin-bottom:24px}.section-head h1,.section-head h2{font-size:24px;margin:4px 0 8px}.section-head p{font-size:15px;line-height:1.7}.btn{min-height:44px}.site input:not([type=range]):not([type=checkbox]):not([type=radio]),.site textarea,.site select{font-size:16px!important}}@media(max-width:640px){.m-rail{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:4px 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.m-rail::-webkit-scrollbar{display:none}.m-rail>*{flex:0 0 84%;scroll-snap-align:start;min-width:0}}pre.code{margin:0;padding:16px 20px;border-radius:12px;background:var(--night);color:var(--line-strong);font:13px/1.7 SF Mono,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre}html[lang=en] .n-data-table-th{word-break:normal;overflow-wrap:normal;font-size:12px;line-height:1.3}
