@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Source+Serif+4:wght@400;600&display=swap";.books-demo{--books-primary:#2680c9;--books-primary-dark:#1b4c74;--books-primary-soft:#eaf3fb;--books-primary-ring:#2680c959;--books-bg:#f9fafb;--books-sidebar:#f9fafb;--books-surface:#fff;--books-surface-alt:#f3f5f7;--books-hover:#f6f7f9;--books-border:#dae0e7;--books-border-soft:#e7eaef;--books-border-input:#c8d0da;--books-text:#131520;--books-text-strong:#303950;--books-muted:#52637a;--books-muted-2:#627693;--books-success-bg:#e5f5ee;--books-success:#196b45;--books-warning-bg:#fef2dd;--books-warning:#8a510f;--books-danger-bg:#fceae9;--books-danger:#b03027;--books-accent-bg:#eaf3fb;--books-accent:#1f5784;--books-neutral-bg:#eaedf0;--books-font-body:"IBM Plex Sans", -apple-system, system-ui, sans-serif;--books-font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--books-font-serif:"Source Serif 4", Georgia, serif;--books-radius-sm:4px;--books-radius-md:6px;--books-radius-lg:10px;--books-shadow-sm:0 1px 2px #1018280f;--books-shadow-md:0 2px 8px #10182814;--books-shadow-lg:0 14px 36px #10182838;background:var(--books-bg);color:var(--books-text);font-family:var(--books-font-body);font-size:14px;line-height:1.55}.books-demo[data-books-theme=dark]{--books-primary:#58a5e4;--books-primary-dark:#84bdeb;--books-primary-soft:#223a4f;--books-bg:#161a22;--books-sidebar:#1a1f28;--books-surface:#212631;--books-surface-alt:#2a303c;--books-hover:#2a303c;--books-border:#383f4c;--books-border-soft:#343a46;--books-border-input:#454e5e;--books-text:#e7ebef;--books-text-strong:#dae0e7;--books-muted:#a4acb7;--books-muted-2:#929caa;--books-success-bg:#244234;--books-success:#90dfba;--books-warning-bg:#4f3c22;--books-warning:#f4c87b;--books-danger-bg:#532b28;--books-danger:#ed9d97;--books-accent-bg:#254056;--books-accent:#97c6ed;--books-neutral-bg:#353a46}.books-demo *,.books-demo :before,.books-demo :after{box-sizing:border-box}.books-demo :focus-visible{outline:2px solid var(--books-primary);outline-offset:2px}.books-demo ::selection{background:var(--books-primary-ring)}.books-h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.25}.books-h2{margin:0;font-size:15px;font-weight:600}.books-serif{font-family:var(--books-font-serif);font-weight:600}.books-muted{color:var(--books-muted)}.books-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--books-muted-2);font-size:10.5px;font-weight:700}.books-num{font-family:var(--books-font-mono);font-variant-numeric:tabular-nums;font-size:.95em}.books-card{background:var(--books-surface);border:1px solid var(--books-border);border-radius:var(--books-radius-md)}.books-card-pad{padding:16px 18px}.books-panel{background:var(--books-accent-bg);border:1px solid var(--books-primary-ring);border-radius:var(--books-radius-md);padding:14px 16px}.books-elev{box-shadow:var(--books-shadow-sm)}.books-btn{cursor:pointer;font-family:var(--books-font-body);border-radius:var(--books-radius-sm);color:var(--books-text);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.books-btn:disabled{opacity:.45;cursor:not-allowed}.books-btn-primary{background:var(--books-primary);color:#fff}.books-btn-primary:hover:not(:disabled){background:var(--books-primary-dark)}.books-demo[data-books-theme=dark] .books-btn-primary{color:#151c28}.books-btn-outline{border-color:var(--books-border-input);color:var(--books-text-strong)}.books-btn-outline:hover:not(:disabled){border-color:var(--books-primary);background:var(--books-primary-soft);color:var(--books-primary-dark)}.books-btn-ghost{color:var(--books-muted)}.books-btn-ghost:hover:not(:disabled){background:var(--books-surface-alt);color:var(--books-text)}.books-btn-danger{border-color:var(--books-danger);color:var(--books-danger)}.books-btn-danger:hover:not(:disabled){background:var(--books-danger-bg)}.books-btn-sm{padding:5px 10px;font-size:12px}.books-btn-block{width:100%}.books-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.books-badge-success{background:var(--books-success-bg);color:var(--books-success)}.books-badge-warning{background:var(--books-warning-bg);color:var(--books-warning)}.books-badge-danger{background:var(--books-danger-bg);color:var(--books-danger)}.books-badge-accent{background:var(--books-accent-bg);color:var(--books-accent)}.books-badge-muted{background:var(--books-neutral-bg);color:var(--books-muted)}.books-label{color:var(--books-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.books-input{width:100%;font-family:var(--books-font-body);color:var(--books-text);background:var(--books-surface);border:1px solid var(--books-border-input);border-radius:var(--books-radius-sm);padding:8px 11px;font-size:13px}.books-input:hover{border-color:var(--books-primary)}textarea.books-input{resize:vertical;min-height:70px}select.books-input{cursor:pointer}.books-table{border-collapse:collapse;width:100%;font-size:13px}.books-table thead tr{background:var(--books-surface-alt)}.books-table th{text-align:left;color:var(--books-muted);white-space:nowrap;padding:9px 14px;font-weight:600}.books-table td{border-top:1px solid var(--books-border-soft);vertical-align:middle;padding:9px 14px}.books-table .books-right{text-align:right}.books-table tbody tr.books-row-total td{background:var(--books-surface-alt);font-weight:700}.books-table tbody tr.books-row-click{cursor:pointer}.books-table tbody tr.books-row-click:hover{background:var(--books-hover)}.books-th-sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.books-th-sort:hover{color:var(--books-primary-dark)}.books-nav-group{letter-spacing:.06em;text-transform:uppercase;color:var(--books-muted-2);white-space:nowrap;padding:6px 10px 4px;font-size:10.5px;font-weight:700}.books-nav-item{border-radius:var(--books-radius-md);width:100%;font-family:var(--books-font-body);color:var(--books-text-strong);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;margin:1px 0;padding:6px 10px;font-size:13px;display:flex}.books-nav-item:hover{background:var(--books-hover)}.books-nav-item[aria-current=page]{color:var(--books-primary-dark);background:var(--books-primary-soft);font-weight:600}.books-nav-dot{background:#bec6cf;border-radius:50%;flex-shrink:0;width:6px;height:6px}.books-nav-item[aria-current=page] .books-nav-dot{background:var(--books-primary)}.books-tablist{border-bottom:1px solid var(--books-border);flex-wrap:wrap;gap:2px;display:flex}.books-tab{color:var(--books-muted);font-family:var(--books-font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:13px}.books-tab:hover{color:var(--books-text)}.books-tab[aria-selected=true]{border-bottom-color:var(--books-primary);color:var(--books-primary-dark);font-weight:600}.books-pill{background:var(--books-surface);color:var(--books-primary-dark);border:1px solid var(--books-primary-ring);font-family:var(--books-font-body);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500}.books-pill:hover{background:var(--books-primary-soft)}.books-pill[aria-pressed=true]{background:var(--books-primary);border-color:var(--books-primary);color:#fff;font-weight:600}.books-demo[data-books-theme=dark] .books-pill[aria-pressed=true]{color:#151c28}.books-dialog-backdrop{z-index:60;background:#1018288c;justify-content:center;align-items:flex-start;padding:32px 16px;display:flex;position:absolute;inset:0}.books-dialog{background:var(--books-surface);width:100%;max-width:520px;max-height:calc(100vh - 2*clamp(16px,6vh,56px));box-shadow:var(--books-shadow-lg);border-radius:8px;padding:22px;position:sticky;top:clamp(16px,6vh,56px);overflow-y:auto}.books-dialog-wide{max-width:720px}.books-avatar{background:var(--books-primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.books-demo[data-books-theme=dark] .books-avatar{color:#151c28}.books-meter{background:var(--books-neutral-bg);border-radius:999px;height:7px;overflow:hidden}.books-meter>span{background:var(--books-primary);border-radius:999px;height:100%;display:block}.books-demo-strip{color:#1f1300;text-align:center;background:#f59f0a;padding:5px 12px;font-size:12px;font-weight:600}.books-checkbox{width:15px;height:15px;accent-color:var(--books-primary);cursor:pointer}.books-thumb{border-radius:var(--books-radius-sm);background:linear-gradient(140deg, var(--books-surface-alt), var(--books-neutral-bg));height:92px;color:var(--books-muted);place-items:center;font-size:26px;display:grid}