:root{--brown-700: #8b7355;--brown-500: #a68968;--tan-500: #d4a574;--teal-50: #f0f9ff;--teal-100: #e0f2f7;--teal-200: #b3e0ec;--teal-300: #67d9f1;--teal-500: #0891b2;--teal-600: #0e7490;--teal-700: #155e75;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--orange-500: #f97316;--orange-600: #ea580c;--red-500: #ef4444;--red-600: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-600: #6b7280;--gray-700: #374151;--gray-900: #111827;--background: #ffffff;--surface: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-heading: 1.25rem;--font-size-display-md: 2rem;--font-size-display-lg: 2.5rem;--font-size-body: 1rem;--font-size-label: .875rem;--font-size-caption: .75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--timing-spring: cubic-bezier(.16, 1, .3, 1)}body{margin:0;font-family:var(--font-family-sans);background-color:var(--background);color:var(--text-primary)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,svg,canvas,video{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.theme-classic{--teal-50: #f0f9ff;--teal-100: #e0f2f7;--teal-200: #b3e0ec;--teal-300: #67d9f1;--teal-500: #0891b2;--teal-600: #0e7490;--teal-700: #155e75;--brown-500: #a68968;--brown-700: #8b7355;--surface: #f9fafb;--background: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--border: #e5e7eb}.theme-emerald{--teal-50: #ecfdf5;--teal-100: #d1fae5;--teal-200: #a7f3d0;--teal-300: #6ee7b7;--teal-500: #10b981;--teal-600: #059669;--teal-700: #047857;--brown-500: #8b5cf6;--brown-700: #6d28d9;--surface: #f0fdf4;--background: #ffffff;--text-primary: #064e3b;--text-secondary: #047857;--border: #c4f1de}.theme-midnight{--teal-50: #1e293b;--teal-100: #1e3a8a;--teal-200: #1d4ed8;--teal-300: #2563eb;--teal-500: #38bdf8;--teal-600: #0ea5e9;--teal-700: #0284c7;--brown-500: #6366f1;--brown-700: #4f46e5;--surface: #1e293b;--background: #0f172a;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--border: #334155;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .4);--shadow-md: 0 4px 10px rgba(15, 23, 42, .45);--shadow-lg: 0 10px 25px rgba(15, 23, 42, .5);--shadow-xl: 0 20px 45px rgba(15, 23, 42, .55);--quick-stats-bg: rgba(56, 189, 248, .12);--quick-stats-border: rgba(148, 163, 184, .4);--quick-stats-text: #cbd5f5;--quick-stats-value: #f8fafc;--quick-stats-separator: rgba(148, 163, 184, .7)}.theme-sunset{--teal-50: #fff7ed;--teal-100: #ffedd5;--teal-200: #fed7aa;--teal-300: #fdba74;--teal-500: #f97316;--teal-600: #ea580c;--teal-700: #c2410c;--brown-500: #fb7185;--brown-700: #f43f5e;--surface: #fff7ed;--background: #fffffb;--text-primary: #7c2d12;--text-secondary: #9a3412;--border: #fed7aa}.theme-twilight{--teal-50: #f5f3ff;--teal-100: #ede9fe;--teal-200: #ddd6fe;--teal-300: #c4b5fd;--teal-500: #8b5cf6;--teal-600: #7c3aed;--teal-700: #6d28d9;--brown-500: #f472b6;--brown-700: #ec4899;--surface: #f5f3ff;--background: #fbf8ff;--text-primary: #312e81;--text-secondary: #4c1d95;--border: #ddd6fe;--quick-stats-bg: rgba(233, 213, 255, .92);--quick-stats-border: rgba(124, 58, 237, .35);--quick-stats-text: #5b21b6;--quick-stats-value: #312e81;--quick-stats-separator: rgba(76, 29, 149, .65)}.theme-wicked{--teal-50: #f0fdf4;--teal-100: #ccfbf1;--teal-200: #a7f3d0;--teal-300: #6ee7b7;--teal-500: #10b981;--teal-600: #047857;--teal-700: #065f46;--brown-500: #f472b6;--brown-700: #ec4899;--surface: #fdf2f8;--background: #ffffff;--text-primary: #065f46;--text-secondary: #be185d;--border: #fbcfe8;--quick-stats-bg: rgba(252, 231, 243, .92);--quick-stats-border: rgba(190, 24, 93, .35);--quick-stats-text: #9d174d;--quick-stats-value: #0f766e;--quick-stats-separator: rgba(15, 118, 110, .6)}.app-shell{min-height:100vh;background-color:var(--surface)}.layout-container{display:grid;gap:var(--space-6);max-width:1200px;margin:0 auto;padding:var(--space-4);box-sizing:border-box;width:100%}.main-dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.word-entry-section,.sidebar,.graph-area{background-color:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.app-header{display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2);background:linear-gradient(135deg,var(--teal-600),var(--teal-500));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.project-name{margin:0;font-weight:var(--font-weight-bold);color:inherit;font-size:clamp(1.1rem,3vw,var(--font-size-display-md));white-space:normal;overflow-wrap:break-word;word-break:break-word;min-width:0}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.quick-add-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:none;font-size:1.25rem;line-height:1;font-weight:var(--font-weight-semibold);background:#ffffff38;color:#fff;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.quick-add-button:hover,.quick-add-button:focus-visible{background:#ffffff52;transform:scale(1.05);box-shadow:var(--shadow-sm)}.quick-add-button:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.day-indicator{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:#fffc;display:inline-flex;gap:var(--space-4)}.settings-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:#fff;background-color:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.settings-button:hover{background-color:#ffffff47;border-color:#ffffff8c}.settings-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.header-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:#fffc}.header-meta__auth{display:flex;align-items:center;gap:var(--space-2)}.header-meta__label{text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-medium);color:#000000a6}.header-meta__user{font-weight:var(--font-weight-semibold)}.header-meta__auth .link-button{color:#000000e6}.header-meta__auth .link-button:hover{color:#fff}.word-entry-section{background:var(--teal-50);box-shadow:var(--shadow-md)}.sidebar,.graph-area{min-height:12rem}.graph-area{order:0;min-width:0}.sidebar{order:1;min-width:0}@media(min-width:1024px){.main-dashboard{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start}.graph-area,.sidebar{order:0}}@media(min-width:1280px){.layout-container{padding:var(--space-6)}.main-dashboard{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:767px){.layout-container{padding:var(--space-3)}.header-top{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.header-actions{width:100%;justify-content:space-between}.quick-add-button{position:fixed;bottom:var(--space-5);right:var(--space-5);width:3.25rem;height:3.25rem;font-size:1.75rem;background:var(--teal-600);color:#fff;box-shadow:var(--shadow-lg);z-index:1050}.quick-add-button:hover,.quick-add-button:focus-visible{background:var(--teal-700)}.header-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}body:not(.is-quick-add-mode) .quick-add-button{display:none!important}.word-entry-section{display:grid;gap:var(--space-4)}.word-entry{display:flex;flex-direction:column;gap:var(--space-4)}.word-entry__header{display:flex;flex-direction:column;gap:var(--space-2)}.word-entry__title{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.word-entry__subtitle{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--text-secondary)}.word-entry__form,.word-entry__controls{display:grid;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-field__select,.form-field__input{height:2.75rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-body);color:var(--text-primary);background-color:var(--background);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field__select:focus,.form-field__input:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 2px #0891b233}.word-entry__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:calc(var(--space-2) + 2px) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button--primary{background-color:var(--teal-600);color:#fff;border-color:var(--teal-600)}.button--primary:hover{background-color:var(--teal-700);border-color:var(--teal-700)}.button--primary:active,.button--secondary:active{transform:scale(.98)}.button--secondary{background-color:var(--surface);color:var(--text-primary);border-color:var(--border)}.button--secondary:hover{background-color:var(--gray-100)}.button:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}.word-entry__status{margin:0;font-size:var(--font-size-label);color:var(--text-secondary)}@media(min-width:768px){.word-entry__form{grid-template-columns:minmax(140px,180px) minmax(220px,1fr) auto;align-items:end;gap:var(--space-3)}.word-entry__controls{display:contents}.word-entry__form .form-field{margin:0}.word-entry__form .form-field:nth-of-type(1){grid-column:1}.word-entry__form .form-field:nth-of-type(2){grid-column:2}.word-entry__actions{grid-column:3;justify-self:flex-end;flex-wrap:nowrap;gap:var(--space-2)}.word-entry__actions .button{white-space:nowrap}.word-entry__status{grid-column:1 / -1}[data-entry-mode]{max-width:160px}}@media(max-width:480px){.form-field__select,.form-field__input{width:100%}.word-entry__actions{flex-direction:column}.button{width:100%}}.word-entry{gap:.5rem;padding-block:.25rem}.word-entry__form{gap:.5rem}.form-field{gap:.25rem}.form-field__select,.form-field__input{height:2rem;padding:0 .5rem;font-size:.9rem;line-height:1.2}.button{padding:.3rem .75rem;font-size:.85rem;border-radius:var(--radius-sm)}.word-entry__actions{gap:.5rem}.word-entry__status{font-size:.8rem;margin-top:.25rem}@media(min-width:768px){.word-entry__form{grid-template-columns:minmax(100px,140px) minmax(140px,1fr) auto auto;gap:.5rem}}@media(max-width:480px){.word-entry__form{grid-template-columns:1fr}.button{width:100%}}body.is-compact-mode .word-entry__header,body.is-compact-mode .word-entry .form-field__label,body.is-quick-add-mode .word-entry-section{display:none}.sidebar{display:flex;flex-direction:column;gap:var(--space-5);background:linear-gradient(180deg,#0891b214,#d6a5740f);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);color:var(--text-primary);border:1px solid rgba(8,145,178,.12)}.sidebar__section{display:flex;flex-direction:column;gap:var(--space-3)}.sidebar__section--hidden{display:none!important}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between}.sidebar__section-title{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em}.stat-list{display:flex;flex-direction:column;gap:var(--space-2)}.stat-card{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) 0;border-bottom:1px solid rgba(17,24,39,.06)}.stat-card[hidden]{display:none!important}.stat-card:last-of-type{border-bottom:none;padding-bottom:0}.stat-card__label{margin:0;flex:1 1 auto;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.stat-card__label:after{content:":";margin-left:var(--space-1);opacity:.45}.stat-card__value{margin:0;flex:0 1 auto;min-width:0;font-size:.95rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:right;line-height:1.2;word-break:break-word}.stat-card--success .stat-card__value{color:var(--green-600);font-weight:var(--font-weight-bold)}@media(max-width:480px){.stat-card{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.stat-card__label:after{content:none}.stat-card__value{width:100%;text-align:left}}.action-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.action-list__item{display:flex}.link-button{padding:0;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--teal-600);background:transparent;border:none;text-align:left;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.action-list__item--danger{color:var(--red-500)}.action-list__item--danger:hover{color:var(--red-600)}.link-button:disabled{color:#0f766e80;cursor:not-allowed}.link-button:not(:disabled):hover{color:var(--teal-700)}.link-button:not(:disabled):active{transform:translateY(1px)}.link-button:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}@media(max-width:767px){.sidebar{padding:var(--space-4);background:var(--background);border:1px solid rgba(17,24,39,.05)}}.progress-summary{background:linear-gradient(135deg,#0891b214,#d6a5741f);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4);border:1px solid rgba(8,145,178,.15)}.progress-summary__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.progress-summary__label{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.progress-summary__value{margin:0;font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold);color:var(--teal-700)}.progress-summary__bar{width:100%}.progress-summary__bar-track{position:relative;width:100%;height:.875rem;border-radius:var(--radius-md);background:var(--gray-200);overflow:hidden}.progress-summary__bar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--teal-500),var(--teal-700));transition:width var(--transition-slow),transform var(--transition-fast)}.progress-summary__footer{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center}.progress-summary__words,.progress-summary__pace{margin:0;font-size:var(--font-size-label);color:var(--text-secondary)}.progress-summary__pace--ahead{color:var(--green-600);font-weight:var(--font-weight-medium)}.progress-summary__pace--behind{color:var(--orange-600);font-weight:var(--font-weight-medium)}.progress-summary__pace--complete{color:var(--teal-700);font-weight:var(--font-weight-medium)}@media(max-width:767px){.progress-summary{margin-bottom:var(--space-3)}.progress-summary__header{flex-direction:column;align-items:flex-start}}.progress-summary{text-align:center;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.progress-summary__words{font-weight:var(--font-weight-bold);font-size:1rem;color:var(--text-primary);margin:0}.progress-summary__percent{font-size:.85rem;color:var(--text-secondary);margin-left:.25rem}.progress-summary__bar-track{width:100%;height:.4rem;border-radius:var(--radius-md);background:var(--gray-200);overflow:hidden}.progress-summary__bar-fill{height:100%;background:var(--teal-700);transition:width .3s ease}.progress-summary__pace{font-size:.85rem;color:var(--teal-700);margin:0}@media(max-width:600px){.progress-summary{padding:var(--space-2);gap:var(--space-1)}.progress-summary__words{font-size:.9rem}}.graph-visual{position:relative;background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.graph-visual__canvas{width:100%;max-width:100%;height:320px;max-height:360px;display:none}.graph-visual__fallback{text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.graph-visual__message{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.graph-visual__hint{margin:0;font-size:var(--font-size-label)}.graph-visual--active .graph-visual__canvas{display:block}.graph-visual--active .graph-visual__fallback{display:none}@media(max-width:767px){.graph-visual{padding:var(--space-3);min-height:220px}.graph-visual__canvas{height:240px}}.settings-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal[hidden]{display:none}.settings-modal__backdrop{position:absolute;inset:0;background:#11182773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-modal__dialog{position:relative;width:min(640px,94vw);max-height:90vh;background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;transform:translateY(12px);opacity:0;transition:transform var(--transition-base) var(--timing-spring),opacity var(--transition-base)}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--gray-200)}.settings-modal__header h2{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.settings-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.settings-modal__body{padding:var(--space-5) var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.settings-modal:not([hidden]) .settings-modal__dialog{transform:translateY(0);opacity:1}.settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.settings-section__title{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.settings-section__content{display:flex;flex-direction:column;gap:var(--space-3)}.settings-dev-actions,.settings-data-actions{align-items:flex-start}.settings-dev-actions .link-button,.settings-data-actions .link-button{font-size:var(--font-size-body)}.settings-form-actions{display:flex;align-items:center;gap:var(--space-3)}.settings-form-feedback{font-size:var(--font-size-label);color:var(--text-secondary)}.settings-form-feedback--error{color:var(--orange-600)}.settings-section__hint{margin:0;font-size:.8rem;color:var(--text-secondary)}.settings-section__legend{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-3)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.settings-field--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.settings-field__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.settings-field__input{height:2.75rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:var(--font-size-body);color:var(--text-primary);background:var(--background)}.settings-checkbox{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-body);color:var(--text-primary)}.settings-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--teal-600)}.settings-checkbox--disabled{color:var(--text-secondary)}.settings-checkbox--disabled input[type=checkbox]{accent-color:var(--gray-300)}.settings-modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end}@media(max-width:640px){.settings-modal__dialog{width:96vw;border-radius:var(--radius-lg)}.settings-modal__body,.settings-modal__header,.settings-modal__footer{padding:var(--space-4)}.settings-field--split{grid-template-columns:1fr}}.auth-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.auth-section .button{flex-shrink:0;width:auto;display:inline-block}.book-comparisons{background:linear-gradient(180deg,#d6a57414,#0891b20f);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);border:1px solid rgba(214,165,116,.2)}.book-comparisons[hidden]{display:none}.book-comparisons__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.book-comparisons__title{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.book-comparisons__more{border:none;background:transparent;color:var(--teal-700);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:0}.book-comparisons__more:hover,.book-comparisons__more:focus-visible{color:var(--teal-800);text-decoration:underline}.book-comparisons__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.book-comparisons__summary{margin:0;font-size:var(--font-size-body);color:var(--text-secondary)}.book-comparison__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:#0891b214}.book-comparison__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.book-comparison__meta{font-size:var(--font-size-label);color:var(--text-secondary)}.book-comparisons__next{margin:0;font-size:var(--font-size-label);color:var(--text-secondary)}.book-comparisons__empty{margin:0;font-size:var(--font-size-label);color:var(--text-secondary);text-align:center}.book-comparisons__more--inline{display:inline;margin:0;padding:0;vertical-align:baseline}.book-comparisons--compact{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--space-2)}.book-comparisons--compact .book-comparisons__summary{color:var(--text-primary)}.book-comparisons--compact .book-comparisons__empty{display:none}.book-comparisons--compact .book-comparisons__next{margin-top:var(--space-2)}@media(max-width:767px){.book-comparisons{padding:var(--space-3)}.book-comparisons--compact{padding:0}}.book-comparisons-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1080}.book-comparisons-modal[hidden]{display:none}.book-comparisons-modal__backdrop{position:absolute;inset:0;background:#11182799;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.book-comparisons-modal__dialog{position:relative;width:min(480px,94vw);max-height:90vh;background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.book-comparisons-modal__header,.book-comparisons-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-200)}.book-comparisons-modal__header h2{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.book-comparisons-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.book-comparisons-modal__body{padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.book-comparisons-modal__empty{margin:0;text-align:center;font-size:var(--font-size-body);color:var(--text-secondary)}.book-comparisons-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.book-comparisons-modal__next{margin:0;font-size:var(--font-size-body);color:var(--text-secondary)}.book-comparison-modal__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:#0891b214;box-shadow:var(--shadow-sm)}.book-comparison-modal__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.book-comparison-modal__meta{font-size:var(--font-size-label);color:var(--text-secondary)}.book-comparisons-modal__footer{border-top:1px solid var(--gray-200);border-bottom:none;justify-content:flex-end}@media(max-width:640px){.book-comparisons-modal__dialog{width:96vw;border-radius:var(--radius-lg)}.book-comparisons-modal__body{padding:var(--space-4)}}.quick-stats{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--font-size-label);color:var(--quick-stats-text, var(--text-secondary));margin:var(--space-1) auto var(--space-2) 0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);background:var(--quick-stats-bg, rgba(255, 255, 255, .65));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--quick-stats-border, rgba(255, 255, 255, .18));box-shadow:var(--shadow-sm)}.quick-stats[hidden]{display:none}.quick-stats__item{display:inline-flex;align-items:baseline;gap:var(--space-1);white-space:nowrap}.quick-stats__label{text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);font-size:.75em}.quick-stats__value{font-weight:var(--font-weight-semibold);color:var(--quick-stats-value, var(--text-primary))}.quick-stats__separator{color:var(--quick-stats-separator, var(--text-secondary));opacity:.6}@media(max-width:768px){.quick-stats{font-size:calc(var(--font-size-label) - 1px);margin:var(--space-1) var(--space-3) var(--space-2);padding:var(--space-1) var(--space-2)}.quick-stats__item{white-space:normal}}.quick-add-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1200}.quick-add-modal[hidden]{display:none}.quick-add-modal__backdrop{position:absolute;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.quick-add-modal__dialog{position:relative;width:min(420px,92vw);background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.quick-add-modal__header,.quick-add-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-200)}.quick-add-modal__footer{border-bottom:none;border-top:1px solid var(--gray-200);justify-content:flex-end;gap:var(--space-2)}.quick-add-modal__header h2{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.quick-add-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.quick-add-modal__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.quick-add-modal__label{font-size:var(--font-size-label);color:var(--text-secondary)}.quick-add-modal__control{display:flex;flex-direction:column;gap:var(--space-2)}.quick-add-modal__input{width:100%;height:2.75rem;border-radius:var(--radius-md);border:1px solid var(--border);padding:0 var(--space-3);font-size:var(--font-size-body);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.quick-add-modal__input:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 2px #0891b233}.quick-add-modal__mode{width:100%;height:2.5rem;border-radius:var(--radius-md);border:1px solid var(--border);padding:0 var(--space-3);font-size:var(--font-size-body);color:var(--text-primary);background:var(--surface)}.quick-add-modal__mode:focus{outline:none;border-color:var(--teal-500);box-shadow:0 0 0 2px #0891b233}.quick-add-modal__error{margin:0;min-height:1rem;font-size:var(--font-size-label);color:var(--danger-600, #dc2626)}.quick-add-modal__footer .button--primary[disabled]{opacity:.6;pointer-events:none}@media(max-width:640px){.quick-add-modal__dialog{width:94vw;border-radius:var(--radius-lg)}.quick-add-modal__body{padding:var(--space-4)}.quick-add-modal__header,.quick-add-modal__footer{padding:var(--space-3) var(--space-4)}}.entries-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1200}.entries-modal[hidden]{display:none}.entries-modal__backdrop{position:absolute;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.entries-modal__dialog{position:relative;width:min(640px,95vw);max-height:92vh;background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.entries-modal__header,.entries-modal__footer{padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-200)}.entries-modal__footer{border-bottom:none;border-top:1px solid var(--gray-200);justify-content:flex-end;gap:var(--space-3)}.entries-modal__header h2{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.entries-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.entries-modal__body{padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.entries-modal__intro,.entries-modal__hint{margin:0;font-size:var(--font-size-label);color:var(--text-secondary)}.entries-grid{display:flex;flex-direction:column;gap:var(--space-2)}.entries-row{display:grid;grid-template-columns:1fr 120px;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid rgba(8,145,178,.12)}.entries-row__label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.entries-row__input{height:2.25rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-2);font-size:var(--font-size-body);color:var(--text-primary);background:var(--background);text-align:right}.entries-row__input:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}@media(max-width:640px){.entries-modal__dialog{width:96vw;border-radius:var(--radius-lg)}.entries-modal__body{padding:var(--space-4)}.entries-row{grid-template-columns:1fr 110px;padding:var(--space-2) 0}}.rewards-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1250}.rewards-modal[hidden]{display:none}.rewards-modal__backdrop{position:absolute;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rewards-modal__dialog{position:relative;width:min(720px,95vw);max-height:92vh;background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.rewards-modal__header,.rewards-modal__footer{padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-200)}.rewards-modal__footer{border-bottom:none;border-top:1px solid var(--gray-200);justify-content:flex-end}.rewards-modal__header h2{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.rewards-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.rewards-modal__body{padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.rewards-form{display:flex;flex-direction:column;gap:var(--space-4);background:#0891b214;border-radius:var(--radius-lg);padding:var(--space-4)}.rewards-form__fields{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rewards-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.rewards-form__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.rewards-form__field input,.rewards-form__field select,.rewards-form__field textarea{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-label);color:var(--text-primary);background:var(--background)}.rewards-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.rewards-admin__empty{font-size:var(--font-size-body);color:var(--text-secondary);text-align:center}.rewards-admin__list{display:flex;flex-direction:column;gap:var(--space-3)}.rewards-admin__row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-3);border:1px solid rgba(8,145,178,.16);border-radius:var(--radius-lg)}.rewards-admin__preview{width:72px;height:54px;border-radius:var(--radius-md);overflow:hidden;background:#0891b229;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--teal-600);cursor:pointer}.rewards-admin__preview img{width:100%;height:100%;object-fit:cover;display:block}.rewards-admin__details{display:flex;flex-direction:column;gap:var(--space-2)}.rewards-admin__title{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.rewards-admin__date,.rewards-admin__message{margin:0;font-size:var(--font-size-label);color:var(--text-secondary)}.rewards-admin__actions{display:flex;flex-direction:column;gap:var(--space-2)}.rewards-admin__actions .link-button{align-self:flex-end}@media(max-width:640px){.rewards-modal__dialog{width:96vw;border-radius:var(--radius-lg)}.rewards-modal__body{padding:var(--space-4)}.rewards-admin__row{grid-template-columns:1fr;gap:var(--space-2)}.rewards-admin__actions{flex-direction:row;justify-content:flex-end}}.auth-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);z-index:1400}.auth-overlay[hidden]{display:none}.auth-overlay__backdrop{position:absolute;inset:0;background:#111827a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-overlay__dialog{position:relative;width:min(420px,94vw);background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);z-index:1}.auth-overlay__header{display:flex;flex-direction:column;gap:var(--space-2)}.auth-overlay__brand{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-600)}.auth-overlay__title{margin:0;font-size:var(--font-size-display-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.auth-overlay__subtitle{margin:0;font-size:var(--font-size-body);color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-form__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.auth-form__input{height:2.75rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-body);color:var(--text-primary);background:var(--background);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.auth-form__input:focus-visible{outline:3px solid rgba(8,145,178,.2);outline-offset:2px;border-color:var(--teal-500)}.auth-form__submit{width:100%;justify-content:center}.auth-form__feedback{min-height:1.25rem;margin:0;font-size:var(--font-size-label);color:var(--teal-700)}.auth-overlay__footer{margin:0;font-size:var(--font-size-caption);color:var(--text-secondary);text-align:center}.auth-display{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-label);color:var(--text-secondary)}.auth-display__user{max-width:10rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-medium)}.auth-display__logout{padding:0}@media(max-width:520px){.auth-overlay{padding:var(--space-6) var(--space-3)}.auth-overlay__dialog{width:100%;padding:var(--space-5);border-radius:var(--radius-lg)}.auth-overlay__title{font-size:1.75rem}}.gallery-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1100}.gallery-modal[hidden]{display:none}.gallery-modal__backdrop{position:absolute;inset:0;background:#11182799;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-modal__dialog{position:relative;width:min(800px,94vw);max-height:92vh;background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.gallery-modal__header,.gallery-modal__footer{padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-200)}.gallery-modal__footer{border-top:1px solid var(--gray-200);border-bottom:none;justify-content:flex-end}.gallery-modal__header h2{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold)}.gallery-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.gallery-modal__body{padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.gallery-modal__empty{margin:0;text-align:center;font-size:var(--font-size-body);color:var(--text-secondary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,220px));gap:var(--space-4);justify-content:center}.gallery-card{display:flex;flex-direction:column;gap:var(--space-3);background:#0891b214;border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);cursor:pointer;width:100%;max-width:220px}.gallery-card__thumb{width:100%;height:160px;border-radius:var(--radius-md);overflow:hidden;background:#0891b229;display:flex;align-items:center;justify-content:center}.gallery-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-card__thumb--empty{display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--teal-600)}.gallery-card__date{margin:0;font-size:var(--font-size-label);color:var(--text-secondary)}@media(max-width:640px){.gallery-modal__dialog{width:96vw;border-radius:var(--radius-lg)}.gallery-modal__body{padding:var(--space-4)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.reward-card{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch;box-shadow:var(--shadow-sm)}.reward-card__image{width:100%;aspect-ratio:5 / 4;border-radius:var(--radius-lg);background:#0891b229;display:block;cursor:pointer;object-fit:cover}.reward-card__image[hidden]{display:none}.reward-card__image[aria-disabled=true]{cursor:default}.reward-card__image:focus-visible{outline:2px solid var(--accent-primary, var(--brand-primary));outline-offset:4px}.reward-card__gallery{align-self:flex-start}.reward-placeholder{text-align:center;background:#fff9;border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.reward-placeholder__copy{margin:0;font-size:var(--font-size-label);color:var(--text-primary);font-weight:var(--font-weight-medium)}.reward-placeholder__hint{margin:0;font-size:var(--font-size-label);color:var(--text-secondary)}@media(max-width:767px){.reward-card{flex-direction:column}}.image-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1300}.image-modal[hidden]{display:none}.image-modal__backdrop{position:absolute;inset:0;background:#111827a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.image-modal__dialog{position:relative;width:min(640px,95vw);max-height:90vh;background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.image-modal__header,.image-modal__footer{padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-200)}.image-modal__footer{border-bottom:none;border-top:1px solid var(--gray-200);justify-content:flex-end}.image-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary)}.image-modal__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.image-modal__body img{width:100%;height:auto;border-radius:var(--radius-lg);object-fit:contain}.image-modal__caption{margin:0;font-size:var(--font-size-label);color:var(--text-secondary);text-align:center}@media(max-width:640px){.image-modal__dialog{width:96vw;border-radius:var(--radius-lg)}.image-modal__body{padding:var(--space-4)}}