@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";html.theme-cozy,:root:not(.theme-bookworm){--bg-primary: #09080e;--bg-secondary: #12101b;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-gold: #f59e0b;--accent-gold-hover: #d97706;--accent-gold-glow: rgba(245, 158, 11, .25);--accent-purple: #818cf8;--accent-purple-hover: #6366f1;--accent-purple-glow: rgba(129, 140, 248, .25);--glass-bg: rgba(30, 27, 46, .45);--glass-bg-hover: rgba(43, 39, 64, .55);--glass-border: rgba(255, 255, 255, .08);--glass-border-focus: rgba(245, 158, 11, .35);--glass-shadow: rgba(0, 0, 0, .5) 0 8px 32px 0;--modal-backdrop-bg: rgba(8, 5, 12, .75);--modal-card-bg: rgba(20, 16, 28, .85);--modal-border: rgba(255, 255, 255, .08);--modal-header-border: rgba(255, 255, 255, .05);--segmented-bg: rgba(0, 0, 0, .25);--segmented-btn-active-bg: rgba(255, 255, 255, .05);--segmented-btn-active-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);--custom-fields-bg: rgba(0, 0, 0, .15);--font-heading: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;color-scheme:dark}html.theme-bookworm{--bg-primary: #f8faf6;--bg-secondary: #eef4ec;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--accent-gold: #e11d48;--accent-gold-hover: #be123c;--accent-gold-glow: rgba(225, 29, 72, .18);--accent-purple: #16a34a;--accent-purple-hover: #15803d;--accent-purple-glow: rgba(22, 163, 74, .22);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-hover: rgba(255, 255, 255, .95);--glass-border: rgba(22, 163, 74, .16);--glass-border-focus: rgba(225, 29, 72, .4);--glass-shadow: rgba(22, 163, 74, .08) 0 8px 24px 0;--modal-backdrop-bg: rgba(240, 245, 238, .65);--modal-card-bg: rgba(255, 255, 255, .95);--modal-border: rgba(22, 163, 74, .16);--modal-header-border: rgba(22, 163, 74, .1);--segmented-bg: rgba(22, 163, 74, .06);--segmented-btn-active-bg: #ffffff;--segmented-btn-active-shadow: 0 2px 6px rgba(22, 163, 74, .12), inset 0 0 0 1.5px rgba(22, 163, 74, .15);--custom-fields-bg: rgba(22, 163, 74, .03);--font-heading: "Fredoka", "Outfit", system-ui, sans-serif;--font-body: "Nunito", "Inter", system-ui, sans-serif;--border-radius-sm: 12px;--border-radius-md: 20px;--border-radius-lg: 28px;color-scheme:light}:root{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% -20%,#1e1b2e 0%,var(--bg-primary) 70%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;letter-spacing:-.02em}p{line-height:1.6;color:var(--text-secondary)}a{color:var(--accent-purple);text-decoration:none;transition:all .2s ease}a:hover{color:var(--accent-gold);text-shadow:0 0 8px var(--accent-gold-glow)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffff1f;box-shadow:0 12px 40px #0009}button,.btn{font-family:var(--font-heading);font-weight:600;padding:12px 24px;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--accent-gold) 0%,#d97706 100%);color:#000;box-shadow:0 4px 14px 0 var(--accent-gold-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff26;border-color:#fff3;transform:translateY(-2px)}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px;text-align:left}label{font-family:var(--font-heading);font-size:.9rem;font-weight:500;color:var(--text-primary)}input[type=text],input[type=email],input[type=password]{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:all .3s ease;width:100%}input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes floatBook{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}#root{min-height:100vh;display:flex;flex-direction:column}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.book-icon-loading{width:64px;height:64px;color:var(--accent-gold);animation:pulseGlow 1.5s infinite ease-in-out}.pwa-install-btn:hover{background:#f59e0b40!important;box-shadow:0 0 20px #f59e0b33!important;transform:scale(1.02)}.pwa-install-btn:active{transform:scale(.98)}.offline-pulse-dot{animation:offlinePulse 1.5s infinite ease-in-out}@keyframes offlinePulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ef4444b3}50%{transform:scale(1.2);opacity:.5;box-shadow:0 0 0 4px #ef444400}}html.theme-bookworm body{background:radial-gradient(circle at 50% -20%,#e8f5e5 0%,var(--bg-primary) 80%)}html.theme-bookworm .glass-card{border-width:2px;border-color:var(--glass-border);box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}html.theme-bookworm .glass-card:hover{transform:translateY(-5px) scale(1.01) rotate(-.5deg);border-color:#16a34a59;box-shadow:0 16px 36px #16a34a1f}html.theme-bookworm button,html.theme-bookworm .btn{border-radius:var(--border-radius-sm);transition:all .25s cubic-bezier(.175,.885,.32,1.3)}html.theme-bookworm button:hover,html.theme-bookworm .btn:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 6px 20px 0 var(--accent-gold-glow)!important}html.theme-bookworm button:active,html.theme-bookworm .btn:active{transform:scale(.94) translateY(0)}html.theme-bookworm .book-cover-mock{border-radius:6px 14px 14px 6px!important;box-shadow:6px 6px 15px #16a34a26!important}html.theme-bookworm .shelf-book-cover{border-radius:4px 10px 10px 4px!important}html.theme-bookworm .pwa-install-btn{background:#16a34a1a!important;border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}html.theme-bookworm .pwa-install-btn:hover{background:var(--accent-purple-glow)!important}html.theme-bookworm .candidate-vote-btn{background:var(--bg-primary)!important;border:2.5px solid var(--glass-border)!important;color:var(--text-secondary)!important;border-radius:9px!important;font-family:var(--font-heading)!important;font-weight:700!important;transition:all .25s cubic-bezier(.175,.885,.32,1.3)!important;box-shadow:none!important}html.theme-bookworm .candidate-vote-btn:hover{border-color:var(--accent-purple)!important;color:var(--accent-purple)!important;background:var(--bg-secondary)!important}html.theme-bookworm .candidate-vote-btn.active-up{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple-hover)!important;box-shadow:0 4px 12px var(--accent-purple-glow)!important}html.theme-bookworm .candidate-vote-btn.active-down{background:var(--accent-gold)!important;color:#fff!important;border-color:var(--accent-gold-hover)!important;box-shadow:0 4px 12px var(--accent-gold-glow)!important}html.theme-bookworm input[type=text],html.theme-bookworm input[type=email],html.theme-bookworm input[type=password],html.theme-bookworm input[type=number],html.theme-bookworm input[type=date],html.theme-bookworm input[type=time],html.theme-bookworm textarea,html.theme-bookworm select{background:#fff!important;border:2px solid rgba(22,163,74,.15)!important;color:var(--text-primary)!important;border-radius:var(--border-radius-sm)!important}html.theme-bookworm input:focus,html.theme-bookworm textarea:focus,html.theme-bookworm select:focus{border-color:var(--accent-gold)!important;box-shadow:0 0 0 3.5px var(--accent-gold-glow)!important}html.theme-bookworm .welcome-banner-section{border-bottom:2px dashed rgba(22,163,74,.2)!important;position:relative!important;background-image:radial-gradient(circle at 95% 50%,rgba(22,163,74,.05) 0%,transparent 60%)!important}html.theme-bookworm .hub-greeting-tag:before{content:"🐛 "!important;font-size:1rem!important;margin-right:4px!important}