:root{--canvas: oklch(97% .006 80);--surface: oklch(100% 0 0);--surface-hover: oklch(98% .004 80);--ink: oklch(22% .02 70);--muted: oklch(40% .02 70);--border: oklch(90% .008 75);--divider: oklch(85% .01 75);--accent: oklch(58% .14 55);--accent-hover: oklch(52% .16 55);--accent-focus: oklch(62% .18 55);--success: oklch(52% .12 145);--warning: oklch(68% .14 80);--danger: oklch(58% .18 25);--info: oklch(58% .12 240);--font-display: "Iowan Old Style", "Charter", Georgia, serif;--font-body: "SF Pro Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "IBM Plex Mono", Menlo, monospace;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 17px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 9999px;--shadow-book: 0 3px 8px oklch(0% 0 0 / .15);--border-hairline: 1px solid var(--border)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.47;letter-spacing:-.374px;color:var(--ink);background:var(--canvas);min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--ink)}a{color:var(--accent)}.muted{color:var(--muted)}.app-shell{min-height:100vh}.global-nav{background:#ffffffe6;border-bottom:var(--border-hairline);min-height:56px;padding:var(--space-xs) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%)}.nav-logo{font-family:var(--font-display);font-size:21px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}.nav-right{display:flex;align-items:center;gap:var(--space-md)}.nav-links{display:flex;gap:var(--space-xxs);list-style:none;margin:0;padding:0;align-items:center}.nav-link{font-size:14px;font-family:var(--font-body);color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:var(--radius-sm);transition:background .15s ease;white-space:nowrap}.nav-link:hover{background:var(--surface-hover)}.nav-link.active{color:var(--accent);font-weight:600}.content{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.btn{background:transparent;color:var(--accent);border:1px solid var(--accent);font-family:var(--font-body);font-size:17px;font-weight:400;border-radius:var(--radius-pill);padding:10px 20px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .1s ease}.btn:hover{background:#b75f0b14}.btn:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--sm{font-size:14px;min-height:36px;padding:6px 14px}.account{display:flex;align-items:center;gap:var(--space-xs);font-size:14px}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18ch;color:var(--muted)}.sync-ind{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.sync-ind--idle .sync-dot{background:var(--success)}.sync-ind--syncing .sync-dot{background:var(--accent);animation:pulse 1s infinite}.sync-ind--error .sync-dot{background:var(--danger)}.sync-ind--logged-out .sync-dot{background:var(--warning)}@keyframes pulse{50%{opacity:.3}}.status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:-.12px;border:1px solid transparent;white-space:nowrap}.status--success{background:#357a3a1f;color:#00450d;color:oklch(34% .12 145);border-color:var(--success)}.status--warning{background:#c58d0429;color:#5f4200;color:oklch(40% .14 80);border-color:var(--warning)}.status--danger{background:#cf40401f;color:var(--danger);border-color:var(--danger)}.status--info{background:#2382ba1f;color:var(--info);border-color:var(--info)}.status--neutral{background:var(--surface-hover);color:var(--muted);border-color:var(--border)}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.catalog-head h1{font-size:clamp(28px,5vw,40px);letter-spacing:-.01em;margin:0}.search-wrapper{position:relative;margin-bottom:var(--space-md)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}.search-input{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.47;letter-spacing:-.374px;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 20px 12px 48px;min-height:44px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #b75f0b33}.search-input::placeholder{color:var(--muted)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.chip{font-family:var(--font-body);font-size:14px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted)}.chip--btn{cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip--btn:hover{color:var(--ink);border-color:var(--divider)}.chip--active{background:#b75f0b1a;border-color:var(--accent);color:var(--accent);font-weight:600}.chip-count{opacity:.6;font-variant-numeric:tabular-nums;margin-left:4px}.catalog-body{display:grid;grid-template-columns:220px 1fr;gap:var(--space-xl);align-items:start}.facets{display:flex;flex-direction:column;gap:var(--space-lg);position:sticky;top:72px}.facet-group{border-bottom:var(--border-hairline);padding-bottom:var(--space-sm)}.facet-title{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 var(--space-xs)}.facet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.facet-item{display:flex;justify-content:space-between;gap:var(--space-xs);width:100%;background:none;border:none;color:var(--ink);padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:14px;text-align:left}.facet-item:hover{background:var(--surface-hover)}.facet-item--active{background:#b75f0b1a;color:var(--accent);font-weight:600}.facet-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facet-count{opacity:.6;font-variant-numeric:tabular-nums}.facet-more{font-size:12px;margin:var(--space-xxs) 0 0}.catalog-count{color:var(--muted);font-size:14px;margin:0 0 var(--space-sm)}.vgrid-scroll{height:calc(100dvh - 250px);min-height:360px;overflow-y:auto}.vgrid-row{display:grid}.book-card-v{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--ink);text-decoration:none}.book-cover{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-book);background:var(--surface);transition:transform .15s ease}.book-cover--empty{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--muted)}.book-card-v:hover .book-cover{transform:translateY(-2px)}.book-title{font-family:var(--font-display);font-size:16px;line-height:1.3;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-family:var(--font-body);font-size:13px;color:var(--muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card-v .status{align-self:flex-start}.book-detail{display:block}.detail-back{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--accent);text-decoration:none;margin-bottom:var(--space-lg)}.detail-back:hover{text-decoration:underline}.book-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width: 768px){.book-detail-grid{grid-template-columns:300px 1fr;gap:var(--space-xxl)}}@media (min-width: 1024px){.book-detail-grid{grid-template-columns:360px 1fr}}.book-cover-section{display:flex;flex-direction:column;gap:var(--space-lg)}.book-cover-large{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-book);background:var(--surface)}.book-cover-large--empty{display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--muted)}.book-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.book-info-section{display:flex;flex-direction:column;gap:var(--space-xl)}.book-header{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:var(--border-hairline)}.book-title-large{font-family:var(--font-display);font-size:clamp(32px,6vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0}.book-subtitle-large{font-family:var(--font-display);font-size:clamp(18px,3vw,22px);color:var(--muted);margin:0}.book-author-large{font-size:21px;color:var(--muted)}.book-status-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xxs)}.book-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg);padding:var(--space-lg);background:var(--surface);border:var(--border-hairline);border-radius:var(--radius-md)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:14px;color:var(--muted)}.meta-value{font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}.meta-value.mono{font-family:var(--font-mono);font-size:15px}.book-description{display:flex;flex-direction:column;gap:var(--space-sm)}.section-heading{font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--ink);margin:0}.description-text{font-size:17px;line-height:1.6;color:var(--ink);margin:0;max-width:70ch}.loan-box{background:var(--surface);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.loan-state{margin:0;font-size:17px}.loan-form{display:flex;gap:var(--space-xs)}.loan-form input{flex:1}.ai-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.ai-insight{background:var(--surface);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.ai-insight-title{font-family:var(--font-display);font-size:18px;margin:0}.ai-content{margin:0;line-height:1.6}.ai-offers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ai-offers li{display:flex;align-items:baseline;gap:var(--space-xs)}.ai-price{font-variant-numeric:tabular-nums;font-weight:600}.ai-resale{margin:0;font-size:18px}.ai-sources{font-size:14px;color:var(--muted);margin:0}.ai-meta{font-size:12px;margin:0}.edit-form{display:flex;flex-direction:column;gap:var(--space-md);max-width:560px}.edit-form label{display:flex;flex-direction:column;gap:var(--space-xxs);font-size:14px;color:var(--muted)}input,select,textarea{font-family:var(--font-body);font-size:17px}.edit-form input,.edit-form select,.edit-form textarea,.loan-form input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);min-height:44px}.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus,.loan-form input:focus,.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #b75f0b33}.edit-row{display:flex;gap:var(--space-sm)}.edit-row label{flex:1}.edit-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xxs)}.status-row{display:flex;align-items:center;gap:var(--space-xs);font-size:14px;margin-top:var(--space-xs)}.status-ok{color:var(--success)}.status-err{color:var(--danger)}.loc-list,.loan-list{list-style:none;padding:0;margin:var(--space-md) 0 0;display:flex;flex-direction:column}.loc-item,.loan-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xxs);border-bottom:var(--border-hairline)}.loc-name,.loan-title{font-family:var(--font-display);font-size:18px;color:var(--ink);text-decoration:none;flex:1}.loc-name:hover,.loan-title:hover{color:var(--accent)}.loc-shelves{font-size:14px}.kv{border-collapse:collapse;font-size:14px;margin:var(--space-sm) 0}.kv td{padding:4px 16px 4px 0;vertical-align:top}.kv td:first-child{color:var(--muted)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#0006;z-index:1000}.palette{width:min(640px,92vw);background:var(--surface);border:var(--border-hairline);border-radius:var(--radius-lg);overflow:hidden}.palette-input{width:100%;padding:var(--space-md) var(--space-lg);border:0;border-bottom:var(--border-hairline);background:transparent;color:var(--ink);font-size:17px;outline:none}.palette-empty{padding:var(--space-md) var(--space-lg);color:var(--muted);font-size:14px}.palette-results{list-style:none;margin:0;padding:var(--space-xxs);max-height:50vh;overflow:auto}.palette-item{display:flex;flex-direction:column;width:100%;text-align:left;gap:2px;padding:var(--space-xs) var(--space-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer}.palette-item:hover{background:var(--surface-hover)}.palette-title{font-family:var(--font-display);font-size:16px}kbd{display:inline-block;padding:1px 6px;margin:0 1px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-hover);font-family:var(--font-mono);font-size:12px}.callback{padding:var(--space-xxl);text-align:center}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.login-card{background:var(--surface);border:var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-xxl);max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.login-logo{font-family:var(--font-display);font-size:24px;font-weight:600}.login-title{font-size:clamp(28px,5vw,36px);margin:0}.login-card .btn{margin-top:var(--space-xs)}@media (max-width: 1023px){.nav-link{padding:8px 10px}.account-email{display:none}}@media (max-width: 640px){.content{padding:var(--space-lg) var(--space-md)}.catalog-body{grid-template-columns:1fr}.facets,.sync-ind{display:none}.global-nav{padding:var(--space-xs) var(--space-md)}}@media (prefers-reduced-motion: reduce){*,.btn:active{transition-duration:.01ms!important;animation-duration:.01ms!important;transform:none!important}}