:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-secondary:#64748b;--color-background:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-border:#e2e8f0;--color-success:#16a34a;--color-warning:#ea580c;--color-danger:#dc2626;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-sans:"Inter","Segoe UI",system-ui,sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 8px 24px #0f172a1a}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}button,input,select,textarea{font:inherit}textarea{resize:vertical}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl)}.app-header__left{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-header__actions{align-items:center;display:flex;gap:var(--spacing-sm)}.app-title{font-size:var(--font-size-xl);font-weight:600}.app-content{flex:1 1;margin:0 auto;max-width:1100px;padding:var(--spacing-xl);width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-section{padding:var(--spacing-lg)}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.grid-two{grid-template-columns:1fr 1fr}@media (max-width:900px){.grid-two{grid-template-columns:1fr}.app-header{align-items:flex-start;flex-direction:column}.app-header__actions{justify-content:flex-start;width:100%}}.button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1rem}.button:hover{background:var(--color-primary-dark)}.button.secondary{background:#0000;border:1px solid var(--color-primary);color:var(--color-primary)}.button.ghost{background:#0000;border:1px solid #0000;color:var(--color-text-secondary)}.button.small{font-size:var(--font-size-sm);padding:.35rem .6rem}.input,.select,.textarea{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.55rem .75rem;width:100%}.field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label,.helper-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.book-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.book-row{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:border .2s ease}.book-row:hover{background:#f8fafc;border:1px solid var(--color-border)}.book-info{flex:1 1;min-width:0}.book-title{word-wrap:break-word;font-style:italic;font-weight:600;overflow-wrap:break-word}.book-meta,.status-pill{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-pill{background:#e2e8f0;border-radius:999px;padding:.2rem .6rem;text-transform:capitalize}.status-pill.in-queue{background:#dbeafe;color:#1d4ed8}.status-pill.reading{background:#fef3c7;color:#b45309}.status-pill.done{background:#dcfce7;color:#15803d}.status-pill.wont-read{background:#fee2e2;color:#b91c1c}.status-pill.abandoned{background:#f3e8ff;color:#7c3aed}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh}.auth-card,.auth-shell{padding:var(--spacing-xl)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:420px;width:100%}.auth-title{font-size:var(--font-size-xl)}.alert,.auth-title{margin-bottom:var(--spacing-md)}.alert{border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.alert.error{background:#fee2e2;color:#b91c1c}.top-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.status-select{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:var(--font-size-sm);padding:.25rem .6rem;text-transform:capitalize;width:auto}.status-select.in-queue{background:#dbeafe;color:#1d4ed8}.status-select.reading{background:#fef3c7;color:#b45309}.status-select.done{background:#dcfce7;color:#15803d}.status-select.wont-read{background:#fee2e2;color:#b91c1c}.status-select.abandoned{background:#f3e8ff;color:#7c3aed}.section-header{align-items:center;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.nav-tabs,.section-header{display:flex;flex-wrap:wrap}.nav-tabs{gap:var(--spacing-sm)}.nav-tab{background:#eef2ff;border:1px solid #0000;border-radius:999px;color:var(--color-text);cursor:pointer;font-weight:600;padding:.4rem .9rem}.nav-tab.active{background:var(--color-primary);color:#fff}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.empty-state{color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-item{background:#f8fafc;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.history-date{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.history-date,.history-description{font-size:var(--font-size-sm)}.history-book-link{color:var(--color-primary);font-style:italic;font-weight:600;text-decoration:none}.history-book-link:hover{text-decoration:underline}.terms-checkbox{align-items:flex-start;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.terms-checkbox input[type=checkbox]{flex-shrink:0;margin-top:.2rem}.position-indicator{flex-shrink:0;position:relative}.position-button{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;height:2rem;justify-content:center;transition:background .15s ease,border-color .15s ease;width:2rem}.position-button:hover{background:#eef2ff;border-color:var(--color-primary);color:var(--color-primary)}.position-menu{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;margin-top:.25rem;min-width:140px;padding:.25rem 0;position:absolute;top:100%;z-index:10}.position-menu-item{background:none;border:none;color:var(--color-text);cursor:pointer;display:block;font-size:var(--font-size-sm);padding:.4rem .75rem;text-align:left;white-space:nowrap;width:100%}.position-menu-item:hover:not(:disabled){background:#eef2ff;color:var(--color-primary)}.position-menu-item:disabled{color:var(--color-border);cursor:default}.book-edit-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.confirm-delete-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.button.danger{background:#dc2626;color:#fff}.button.danger:hover{background:#b91c1c}
/*# sourceMappingURL=main.281e91aa.css.map*/