:root,[data-theme=light]{--bg-app: #F7F7F5;--bg-card: #FFFFFF;--bg-card-hover: #FAF9F6;--bg-elevated: #FFFFFF;--bg-subtle: #F0EFEA;--bg-muted: #E5E4DE;--text-primary: #1A1A1E;--text-secondary: #5E5E62;--text-tertiary: #8E8E93;--text-inverse: #FFFFFF;--accent: #E05638;--accent-hover: #C9482C;--accent-light: #FCEFEA;--accent-subtle: #FAF2EF;--status-want-to-read: #D32F2F;--status-want-to-read-bg: #FDF2F4;--status-pending: #D97706;--status-pending-bg: #FEF3C7;--status-owned: #2563EB;--status-owned-bg: #EFF6FF;--status-reading: #059669;--status-reading-bg: #ECFDF5;--status-finished: #65A30D;--status-finished-bg: #F7FEE7;--loc-hard-drive: #475569;--loc-hard-drive-bg: #F1F5F9;--loc-kobo: #0284C7;--loc-kobo-bg: #E0F2FE;--loc-gdrive: #0D9488;--loc-gdrive-bg: #CCFBF1;--loc-physical: #B45309;--loc-physical-bg: #FEF3C7;--border-light: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 16px -2px rgba(28, 28, 30, .05), 0 2px 6px -1px rgba(28, 28, 30, .03);--shadow-lg: 0 12px 30px -4px rgba(28, 28, 30, .08), 0 4px 10px -2px rgba(28, 28, 30, .04);--shadow-book: 0 4px 14px -2px rgba(0, 0, 0, .11), 0 2px 5px -1px rgba(0, 0, 0, .05);--font-serif: "Newsreader", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--header-height: 56px;--bottom-nav-height: 60px;--sidebar-width: 240px}[data-theme=dark]{--bg-app: #121316;--bg-card: #1C1E23;--bg-card-hover: #24272E;--bg-elevated: #262930;--bg-subtle: #2B2E37;--bg-muted: #363A46;--text-primary: #F0F0F4;--text-secondary: #A0A4B0;--text-tertiary: #6E7280;--text-inverse: #121316;--accent: #F06543;--accent-hover: #FF7B5A;--accent-light: rgba(240, 101, 67, .2);--accent-subtle: rgba(240, 101, 67, .12);--status-want-to-read: #F87171;--status-want-to-read-bg: rgba(248, 113, 113, .16);--status-pending: #FBBF24;--status-pending-bg: rgba(251, 191, 36, .16);--status-owned: #60A5FA;--status-owned-bg: rgba(96, 165, 250, .16);--status-reading: #34D399;--status-reading-bg: rgba(52, 211, 153, .16);--status-finished: #A3E635;--status-finished-bg: rgba(163, 230, 53, .16);--loc-hard-drive: #94A3B8;--loc-hard-drive-bg: rgba(148, 163, 184, .15);--loc-kobo: #38BDF8;--loc-kobo-bg: rgba(56, 189, 248, .15);--loc-gdrive: #2DD4BF;--loc-gdrive-bg: rgba(45, 212, 191, .15);--loc-physical: #F59E0B;--loc-physical-bg: rgba(245, 158, 11, .15);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .55);--shadow-book: 0 6px 18px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14.5px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}h1,h2,h3,.font-serif{font-family:var(--font-serif);font-weight:500;color:var(--text-primary);letter-spacing:-.015em}h1{font-size:1.85rem;line-height:1.2}h2{font-size:1.45rem;line-height:1.25}h3{font-size:1.15rem;line-height:1.3}p{color:var(--text-secondary)}.app-container{display:flex;min-height:100vh;background-color:var(--bg-app);transition:background-color .25s ease}.desktop-sidebar{display:none;width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border-light);padding:28px 16px;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;transition:background-color .25s ease,border-color .25s ease}@media(min-width:900px){.desktop-sidebar{display:flex}.main-content{margin-left:var(--sidebar-width);padding:32px 40px 48px!important}.bottom-nav{display:none!important}}.main-content{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:16px 16px calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,16px) + 24px) 16px}@media(min-width:640px){.main-content{padding:24px 28px calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,16px) + 28px) 28px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);display:flex;align-items:flex-start;justify-content:space-around;padding-top:6px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;transition:background-color .25s ease,border-color .25s ease}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:var(--bottom-nav-height);background:none;border:none;color:var(--text-tertiary);font-size:10.5px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.bottom-nav-btn.active{color:var(--accent);font-weight:600}.bottom-nav-btn.active svg{transform:translateY(-1.5px);color:var(--accent)}.bottom-nav-btn svg{transition:transform .15s ease}.editorial-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:18px;transition:transform .2s ease,box-shadow .2s ease,background-color .25s ease,border-color .25s ease}@media(min-width:640px){.editorial-card{padding:22px;box-shadow:var(--shadow-md)}}.editorial-card-interactive:active{transform:scale(.99)}@media(min-width:640px){.editorial-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.book-cover-container{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-book);background-color:var(--bg-subtle);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.book-cover-container:hover{transform:translateY(-3px);box-shadow:0 8px 22px -3px #00000038}.book-cover-img{width:100%;height:100%;object-fit:cover;display:block}.book-cover-container:after{content:"";position:absolute;top:0;bottom:0;left:0;width:7px;background:linear-gradient(to right,#00000040,#0000000f,#ffffff1f);pointer-events:none}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2.5px 8px;border-radius:var(--radius-full);line-height:1.25;white-space:nowrap}.status-badge.want_to_read{color:var(--status-want-to-read);background:var(--status-want-to-read-bg)}.status-badge.pending{color:var(--status-pending);background:var(--status-pending-bg)}.status-badge.owned{color:var(--status-owned);background:var(--status-owned-bg)}.status-badge.reading{color:var(--status-reading);background:var(--status-reading-bg)}.status-badge.finished{color:var(--status-finished);background:var(--status-finished-bg)}.status-badge.paused{color:#d97706;background:#fef3c7}.status-badge.abandoned{color:#6b7280;background:#f3f4f6}.location-chip{display:inline-flex;align-items:center;gap:3.5px;font-size:10.5px;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid transparent;line-height:1.2;white-space:nowrap}.location-chip.hard_drive{color:var(--loc-hard-drive);background:var(--loc-hard-drive-bg)}.location-chip.kobo{color:var(--loc-kobo);background:var(--loc-kobo-bg)}.location-chip.google_drive{color:var(--loc-gdrive);background:var(--loc-gdrive-bg)}.location-chip.physical{color:var(--loc-physical);background:var(--loc-physical-bg)}.btn-primary{background-color:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:9.5px 16px;font-family:var(--font-sans);font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 6px #00000024;transition:all .15s ease}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 4px 12px #00000038}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:8.5px 14px;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.btn-secondary:active{background-color:var(--bg-subtle)}.books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}@media(min-width:480px){.books-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}}@media(min-width:768px){.books-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}}@media(min-width:1024px){.books-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s cubic-bezier(.2,.8,.2,1) forwards}