#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Comic Sans MS,cursive;line-height:1.6;color:ivory;background-color:#1a1a1a;padding:2rem}.container{max-width:600px;margin:0 auto;padding:2rem 0}.bio-card{width:100%}.avatar{width:200px;height:200px;border-radius:0;object-fit:cover;display:block;margin:2rem auto;border:none}h1{font-family:Comic Sans MS,cursive;font-size:1.65rem;font-weight:400;margin-bottom:1rem;color:ivory;text-align:left}.tagline{font-family:Comic Sans MS,cursive;font-size:1.1rem;color:ivory;margin-bottom:2rem;text-align:left}.body{font-family:Comic Sans MS,cursive;color:ivory;line-height:1.6;margin-bottom:2rem;text-align:left}.links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-start}.links a{font-family:Comic Sans MS,cursive;color:#06c;text-decoration:underline;background:none;border:none;padding:0;font-size:inherit}.links a:hover{color:#049;transform:none;background:none;border:none}.inline-link{color:#06c;text-decoration:underline;transition:color .2s ease}.inline-link:hover{color:#049}.site-nav{display:flex;gap:2rem;padding:1rem 2rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.site-nav a{font-family:Comic Sans MS,cursive;color:ivory;text-decoration:none;font-size:1.1rem;padding:.5rem 0;transition:all .2s ease}.site-nav a:hover{color:#06c}.site-nav a.active{font-weight:700;border-bottom:2px solid #0066cc;color:#06c}.bookshelf-page{max-width:1400px;margin:0 auto;padding:2rem;position:relative}.back-button{display:inline-block;font-family:Comic Sans MS,cursive;color:#06c;text-decoration:none;font-size:1rem;margin-bottom:1.5rem;transition:color .2s ease;padding:.5rem 0}.back-button:hover{color:#049;text-decoration:underline}.back-button:focus{outline:2px solid #0066cc;outline-offset:2px;border-radius:2px}.bookshelf-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.2)}.tab-button{font-family:Comic Sans MS,cursive;padding:.75rem 2rem;background:none;border:none;border-bottom:2px solid transparent;color:#888;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.tab-button:hover{color:ivory}.tab-button.active{color:ivory;border-bottom-color:#06c}.tab-button:focus{outline:2px solid #0066cc;outline-offset:-2px;border-radius:4px 4px 0 0}.bookshelf-header{margin-bottom:2rem}.bookshelf-header h1{text-align:left;margin-bottom:.5rem}.bookshelf-subtitle{font-family:Comic Sans MS,cursive;color:#888;font-size:1rem}.bookshelf-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:.25rem}.control-label{font-family:Comic Sans MS,cursive;font-size:.9rem;color:ivory}.search-input,.filter-select{font-family:Comic Sans MS,cursive;padding:.5rem;border:1px solid rgba(255,255,255,.2);background-color:#2a2a2a;color:ivory;border-radius:4px;font-size:.95rem;min-width:150px}.search-input{min-width:250px}.search-input:focus,.filter-select:focus{outline:2px solid #0066cc;outline-offset:2px}.clear-filters-btn{font-family:Comic Sans MS,cursive;padding:.5rem 1rem;background-color:#3a3a3a;color:ivory;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;font-size:.95rem;transition:background-color .2s ease}.clear-filters-btn:hover{background-color:#4a4a4a}.clear-filters-btn:focus{outline:2px solid #0066cc;outline-offset:2px}.tag-filters{margin-bottom:2rem;padding:1rem;background-color:#ffffff0d;border-radius:8px}.tag-filters-label{font-family:Comic Sans MS,cursive;color:ivory;margin-right:1rem;display:block;margin-bottom:.75rem}.tag-chips-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-chip{font-family:Comic Sans MS,cursive;padding:.4rem .8rem;background-color:#2a2a2a;color:ivory;border:1px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.tag-filter-chip:hover{background-color:#3a3a3a}.tag-filter-chip.active{background-color:#06c;border-color:#06c;color:ivory}.tag-filter-chip:focus{outline:2px solid #0066cc;outline-offset:2px}.books-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}@media (min-width: 768px){.books-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.books-grid{grid-template-columns:repeat(4,1fr)}}.book-card{background-color:#2a2a2a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;display:flex;flex-direction:column;transition:all .2s ease;cursor:default}.book-card:hover{border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.book-cover,.book-cover-placeholder{width:100%;aspect-ratio:2 / 3;background-color:#3a3a3a;border-radius:4px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover-placeholder span{font-family:Comic Sans MS,cursive;font-size:2rem;color:#666;font-weight:700}.book-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.book-title,.book-title-link{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600;color:ivory;margin-bottom:.25rem;line-height:1.4}.book-title-link{text-decoration:none;cursor:pointer}.book-title-link:hover{color:#06c;text-decoration:underline}.book-title-link:focus{outline:2px solid #0066cc;outline-offset:2px;border-radius:2px}.book-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#aaa}.book-creator{font-family:Comic Sans MS,cursive}.book-year{font-family:Comic Sans MS,cursive;font-size:.8rem}.book-badges{display:flex;gap:.5rem;flex-wrap:wrap}.format-badge{font-family:Comic Sans MS,cursive;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.format-book{background-color:#4a5568;color:ivory}.format-article{background-color:#2d5016;color:ivory}.format-podcast{background-color:#553c9a;color:ivory}.format-video{background-color:#7c2d12;color:ivory}.book-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.tag-chip{font-family:Comic Sans MS,cursive;padding:.2rem .5rem;background-color:#ffffff1a;color:#aaa;border-radius:10px;font-size:.7rem}.book-status{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.25rem}.status-label{font-family:Comic Sans MS,cursive;font-size:.8rem;color:#aaa}.status-select{font-family:Comic Sans MS,cursive;padding:.4rem;border:1px solid rgba(255,255,255,.2);background-color:#3a3a3a;color:ivory;border-radius:4px;font-size:.85rem;cursor:pointer}.status-select:focus{outline:2px solid #0066cc;outline-offset:2px}.empty-state{text-align:center;padding:4rem 2rem;color:#888}.empty-state p{font-family:Comic Sans MS,cursive;font-size:1.1rem;margin-bottom:1rem}.p-6{padding:2rem}