@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DIN+Alternate:wght@400;700&display=swap";.readar-badge{display:inline-flex;align-items:center;font-weight:600;border-radius:var(--readar-radius-sm);font-family:var(--readar-font);border:2px solid transparent}.readar-badge--sm{padding:.25rem .5rem;font-size:var(--readar-font-size-xs)}.readar-badge--md{padding:.375rem .75rem;font-size:var(--readar-font-size-sm)}.readar-badge--primary{background-color:var(--readar-primary);color:var(--readar-bg);border-color:var(--readar-primary)}.readar-badge--secondary{background-color:var(--readar-primary-dark);color:var(--readar-text);border-color:var(--readar-primary-dark)}.readar-badge--warm{background-color:var(--readar-warm);color:var(--readar-bg);border-color:var(--readar-warm)}.readar-badge--purple{background-color:var(--readar-accent-purple);color:var(--readar-text);border-color:var(--readar-accent-purple)}.readar-badge--dark{background-color:var(--readar-surface-soft);color:var(--readar-text);border-color:var(--readar-border)}.readar-badge--signal{background-color:var(--rd-accent-soft);color:var(--rd-accent);border-color:#53ffc966;text-transform:uppercase;letter-spacing:.06em;font-weight:600;gap:.4rem}.readar-badge--signal:before{content:"";width:6px;height:6px;border-radius:999px;background-color:var(--rd-accent);display:inline-block;flex:0 0 auto}.readar-button{font-family:var(--rd-font-tech);font-weight:600;letter-spacing:.02em;border:0;border-radius:var(--rd-radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.readar-button:hover:not(:disabled){filter:brightness(1.05)}.readar-button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff59,0 1px #0006,0 2px 5px #0006}.readar-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.readar-button--sm{padding:.5rem 1rem;font-size:var(--readar-font-size-sm)}.readar-button--md{padding:.75rem 1.5rem;font-size:var(--readar-font-size-base)}.readar-button--lg{padding:1rem 2rem;font-size:var(--readar-font-size-lg)}.readar-button--primary,.readar-button--mint{background:linear-gradient(180deg,#6dffd9,#2fd9a8);color:#06251c;box-shadow:inset 0 1px #fff9,inset 0 -2px #00000029,0 4px #19a37e,0 9px 16px #00000073}.readar-button--secondary,.readar-button--ghost{background:#0b0f14;color:var(--rd-text);border-left:3px solid var(--rd-accent);box-shadow:inset 0 1px #ffffff14,0 4px #060a0e,0 9px 16px #00000073}.readar-button--ghost{color:var(--rd-muted)}.readar-button--warm{background:linear-gradient(180deg,#f3cd8e,#e0a94f);color:#2a1c06;box-shadow:inset 0 1px #fff9,inset 0 -2px #0000002e,0 4px #9a6a1f,0 9px 16px #00000073}.readar-button--purple{background:linear-gradient(180deg,#8a5cf6,#6935f4);color:#fff;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000040,0 4px #4a1fb0,0 9px 16px #00000073}.readar-getbook-cta{width:100%}.readar-header{background-color:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 0;position:sticky;top:0;z-index:100}.readar-header-container{display:flex;justify-content:space-between;align-items:center}.readar-logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.readar-logo-icon{height:40px;width:auto;display:block}.readar-logo-text{font-family:var(--rd-font-logo);font-weight:700;font-size:1.75rem;color:#fff;text-transform:lowercase;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.readar-nav{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.readar-nav-link{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:var(--rd-font-size-base);transition:color .2s ease;padding:.5rem 0}.readar-nav-link:hover{color:var(--rd-accent)}.readar-nav-link--cta{color:var(--rd-accent);font-weight:600}.readar-nav-link--cta:hover{color:#2ae5b8}@media(max-width:768px){.readar-header{padding:1rem 0}.readar-logo-icon{height:32px}.readar-logo-text{font-size:1.5rem}.readar-nav--authenticated{display:none}.readar-nav{gap:1rem}.readar-nav-link{font-size:var(--rd-font-size-sm)}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#020617f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0 12px;text-decoration:none;color:#ffffff73;font-size:.7rem;font-weight:500;font-family:var(--rd-font);letter-spacing:.01em;transition:color .15s ease;min-height:56px;cursor:pointer;border:none;background:none}.bottom-nav-tab:active{color:#ffffffb3}.bottom-nav-tab--active{color:var(--rd-accent)}.bottom-nav-tab--more{position:relative;padding:0}.bottom-nav-more-btn{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0 12px;color:#ffffff73;font-size:.7rem;font-weight:500;font-family:var(--rd-font);letter-spacing:.01em;background:none;border:none;cursor:pointer;min-height:56px;transition:color .15s ease}.bottom-nav-more-btn:active,.bottom-nav-more-btn--open{color:var(--rd-accent)}.bottom-nav-more-sheet{position:absolute;bottom:calc(100% + 8px);right:0;min-width:200px;background:#1a2035;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;box-shadow:0 -4px 24px #0006;animation:sheet-slide-up .18s cubic-bezier(.2,0,0,1)}@keyframes sheet-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav-more-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--rd-font);color:var(--rd-text);transition:background .12s ease;text-align:left}.bottom-nav-more-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.07)}.bottom-nav-more-item:active{background:#ffffff0f}.bottom-nav-more-item--upgrade{color:var(--rd-accent)}.bottom-nav-more-item--logout{color:#ffffffa6}.bottom-nav-backdrop{position:fixed;inset:0;z-index:199}}@media(max-width:768px){.readar-main{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}}*{margin:0;padding:0;box-sizing:border-box}:where(a,button,input,textarea,select,[tabindex],[role=button],[role=tab]):focus-visible{outline:var(--rd-focus-ring);outline-offset:2px;border-radius:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-family:var(--rd-font-display);letter-spacing:-.01em}.rd-tech{font-family:var(--rd-font-tech);text-transform:uppercase;letter-spacing:.08em;font-size:var(--rd-font-size-xs);font-weight:500;color:var(--rd-muted)}.rd-scan-bg{position:relative}.rd-scan-bg:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% -8%,var(--rd-accent-soft),transparent 42%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 100% 44px,linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 44px 100%;mask-image:linear-gradient(#000,transparent 28%);-webkit-mask-image:linear-gradient(#000,transparent 28%)}.rd-scan-bg>*{position:relative;z-index:1}.readar-card.rd-signal-panel{border-left:3px solid var(--rd-accent)}.rd-grille{background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:9px 9px;background-position:center}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{outline:none;border-color:var(--rd-accent);box-shadow:0 0 0 3px var(--rd-accent-soft)}:root{--rd-bg: #111827;--rd-surface: #1F2937;--rd-radar-bg: #4B5563;--rd-header-bg: rgba(2, 6, 23, .85);--rd-text: #F9FAFB;--rd-muted: #D1D5DB;--rd-accent: #53FFC9;--rd-accent-soft: rgba(83, 255, 201, .12);--rd-accent-hover: #2AE5B8;--rd-radar: #7C8C6A;--rd-teal: #0FA0A2;--rd-teal-deep: #054745;--rd-cyan: #2CB3BE;--rd-amber: #ECB767;--rd-purple: #6935F4;--rd-light: #DBE9EF;--rd-radius-sm: 8px;--rd-radius-md: 10px;--rd-radius-lg: 18px;--rd-radius-pill: 999px;--rd-border: rgba(255, 255, 255, .1);--rd-border-strong: rgba(255, 255, 255, .2);--rd-space-1: 4px;--rd-space-2: 8px;--rd-space-3: 12px;--rd-space-4: 16px;--rd-space-5: 24px;--rd-space-6: 32px;--rd-space-8: 48px;--rd-ease: cubic-bezier(.2, .8, .2, 1);--rd-dur-fast: .12s;--rd-dur-base: .2s;--rd-dur-slow: .32s;--rd-focus-ring: 2px solid var(--rd-accent);--rd-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rd-font-display: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--rd-font-logo: "DIN Alternate", "DIN Alternate Bold", "Arial Black", sans-serif;--rd-font-tech: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--rd-font-size-xs: .75rem;--rd-font-size-sm: .875rem;--rd-font-size-base: 1rem;--rd-font-size-lg: 1.125rem;--rd-font-size-xl: 1.25rem;--rd-font-size-2xl: 1.5rem;--rd-font-size-3xl: 2rem;--rd-font-size-4xl: 2.5rem;--rd-font-size-5xl: 3rem;--readar-bg: var(--rd-bg);--readar-bg-soft: var(--rd-surface);--readar-surface: var(--rd-surface);--readar-surface-soft: var(--rd-surface);--readar-border: rgba(255, 255, 255, .1);--readar-border-strong: rgba(255, 255, 255, .2);--readar-text: var(--rd-text);--readar-muted: var(--rd-muted);--readar-primary: var(--rd-accent);--readar-primary-dark: #2AE5B8;--readar-mint: var(--rd-accent);--readar-accent-purple: #6935F4;--readar-warm: #ECB767;--readar-text-muted: var(--rd-muted);--readar-text-light: var(--rd-muted);--readar-border-light: var(--readar-border);--readar-dark: var(--rd-radar);--readar-purple: var(--readar-accent-purple);--readar-radius: var(--rd-radius-lg);--readar-radius-sm: 8px;--readar-radius-lg: var(--rd-radius-lg);--readar-font: var(--rd-font);--readar-font-size-xs: var(--rd-font-size-xs);--readar-font-size-sm: var(--rd-font-size-sm);--readar-font-size-base: var(--rd-font-size-base);--readar-font-size-lg: var(--rd-font-size-lg);--readar-font-size-xl: var(--rd-font-size-xl);--readar-font-size-2xl: var(--rd-font-size-2xl);--readar-font-size-3xl: var(--rd-font-size-3xl);--readar-font-size-4xl: var(--rd-font-size-4xl);--readar-shadow-sm: none;--readar-shadow-md: none;--readar-shadow-lg: none}body{font-family:var(--rd-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--rd-bg);color:var(--rd-text);line-height:1.6;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.readar-app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.readar-main{flex:1;min-height:0}.readar-main:has(.chat-onboarding-page),.readar-main:has(.import-page){padding-bottom:0!important}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(min-width:768px){.container{padding:0 2rem}}.book-selection-page{max-width:1350px;margin:0 auto;padding:2rem 2rem 3rem;display:flex;flex-direction:column;gap:2rem;min-height:100vh}@media(min-width:768px){.book-selection-page{padding:3rem 2rem}}.book-selection-header{margin-bottom:2.5rem}.book-selection-header h1{font-size:var(--rd-font-size-3xl);font-weight:700;color:var(--rd-text);margin-bottom:.75rem;line-height:1.2}.book-selection-header p{font-size:var(--rd-font-size-lg);color:var(--rd-muted);line-height:1.6;max-width:600px}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;align-items:stretch;flex:1;margin-bottom:3rem}.book-card{border-radius:14px;padding:1.35rem 1.25rem 1.25rem;background:#050816;border:1px solid rgba(148,163,184,.24);display:flex;flex-direction:column;gap:.85rem;transition:all .3s ease;cursor:default}.book-card:hover{border-color:var(--rd-accent);transform:translateY(-2px);box-shadow:0 8px 24px #35ffc926}.book-card-cover{width:100%;overflow:hidden;border-radius:12px}.book-card-title{font-size:var(--rd-font-size-xl);font-weight:700;color:var(--rd-text);margin-bottom:.5rem;line-height:1.3}.book-card-author{font-size:var(--rd-font-size-base);color:var(--rd-muted);margin-bottom:.25rem}.book-card-meta{font-size:var(--rd-font-size-sm);color:var(--rd-muted);margin-bottom:.75rem}.book-card-description{font-size:var(--rd-font-size-sm);color:var(--rd-muted);line-height:1.6;margin-bottom:1rem;flex:1}.book-card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.book-card-status-label{display:flex;flex-direction:column;gap:.5rem}.book-card-status-label span{font-size:var(--rd-font-size-sm);font-weight:600;color:var(--rd-text)}.book-card-status-select{background:var(--rd-bg);border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;font-size:var(--rd-font-size-base);color:var(--rd-text);font-family:var(--rd-font);cursor:pointer;transition:all .2s ease;width:100%}.book-card-status-select:hover{border-color:var(--rd-accent);background:#35ffc90d}.book-card-status-select:focus{outline:none;border-color:var(--rd-accent);box-shadow:0 0 0 3px #35ffc933}.book-card-status-select option{background:var(--rd-bg);color:var(--rd-text)}.book-selection-footer{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1)}@media(min-width:768px){.book-selection-footer{flex-direction:row;justify-content:space-between;align-items:center}}.selection-progress{font-size:.85rem;color:#94a3b8e6;display:flex;flex-direction:column;gap:.3rem}.selection-progress span:first-child{font-size:.85rem;font-weight:600;color:#94a3b8e6}.selection-progress-underline{display:block;width:100%;max-width:240px;height:3px;border-radius:999px;background:linear-gradient(90deg,#53ffc900,#53ffc900,#53ffc900);opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .45s ease-out,transform .45s ease-out,background-position .45s ease-out;background-size:200% 100%}.selection-progress.selection-progress--nudge .selection-progress-underline{opacity:1;transform:scaleX(1);background:linear-gradient(90deg,#53ffc90d,#53ffc9,#53ffc90d);background-size:200% 100%;animation:selection-underline-glow .75s ease-out}@keyframes selection-underline-glow{0%{opacity:0;transform:scaleX(0);background-position:0% 50%}35%{opacity:1;transform:scaleX(1);background-position:50% 50%}to{opacity:.4;transform:scaleX(1);background-position:100% 50%}}.primary-button{position:relative;transform:translateY(0);box-shadow:0 6px #00000059;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;will-change:transform;background:var(--rd-accent);color:#020617;border:2px solid var(--rd-accent);border-radius:var(--rd-radius-pill);padding:.875rem 2rem;font-size:var(--rd-font-size-base);font-weight:700;font-family:var(--rd-font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary-button:hover:not(:disabled){filter:brightness(1.05)}.primary-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #00000040}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-subtle{background:transparent;color:var(--rd-text);border:2px solid rgba(255,255,255,.2);border-radius:var(--rd-radius-pill);padding:.875rem 2rem;font-size:var(--rd-font-size-base);font-weight:600;font-family:var(--rd-font);cursor:pointer;transition:all .2s ease}.btn-subtle:hover{background:var(--rd-surface);border-color:var(--rd-accent);color:var(--rd-accent)}