body{margin:0;padding:0;min-height:100vh}html{height:100%}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-layout{background-color:#dcd2be;min-height:100vh;display:flex;flex-direction:column}.app-main{width:100%;max-width:1400px;margin:auto;padding:20px}.header{background-color:#fff;padding:10px 20px;border-bottom:2px solid black;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.header-logo{height:70px}.navbar{background-color:#fff;display:flex;align-items:center;padding:12px 20px}.nav-left{display:flex;align-items:center;gap:25px}.nav-item{display:flex;align-items:center;gap:6px;font-size:.95rem;color:#333;padding:6px 10px;border-radius:8px;text-decoration:none}.nav-item img{height:25px}.home-page{padding-bottom:60px}.home-section{background:#fff;border-radius:14px;padding:18px;margin-top:60px;margin-bottom:35px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-header h3{font-size:1.3rem;font-weight:600}.section-count{opacity:.7}.book-card{width:180px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #cfcfcf;flex-shrink:0}.book-cover{width:100%;height:260px;object-fit:cover}.book-meta{padding:12px}.book-title{font-size:1rem;font-weight:600}.book-author{font-size:.85rem;opacity:.7}.books-row{display:flex;flex-wrap:wrap;gap:20px;min-height:360px;margin-top:10px}.library-page{display:flex;gap:25px;margin-top:60px}.library-left{width:260px;flex-shrink:0}.library-right{flex-grow:1;min-height:650px;display:flex;flex-direction:column;justify-content:flex-start;padding-left:40px}.search-bar{width:100%;max-width:1100px}.search-bar input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #999;margin-bottom:20px;font-size:.95rem}.filters-sidebar{background:#fff;padding:18px;border-radius:12px;border:1px solid #ccc;width:260px;box-sizing:border-box}.filters-title{font-weight:600;display:block;margin-bottom:12px}.filters-list{list-style:none;padding:0;margin:0}.filters-list li{margin:10px 0;height:26px;display:flex;align-items:center}.filters-list label{display:flex;align-items:center;gap:10px;width:100%;line-height:1;cursor:pointer}.filters-list input[type=radio]{appearance:none;margin:0;width:16px;height:16px;border-radius:50%;border:2px solid #444;cursor:pointer;position:relative;flex-shrink:0;background:#fff}.filters-list input[type=radio]:checked{border-color:#000}.filters-list input[type=radio]:checked:after{content:"";width:8px;height:8px;background:#000;border-radius:50%;position:absolute;top:3px;left:3px}@media(max-width:700px){.header-logo{height:45px}.navbar{justify-content:space-evenly;padding:10px}.nav-item{flex-direction:column;font-size:.8rem;gap:4px;padding:4px 0}.nav-item img{height:22px}.books-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.library-page{flex-direction:column;align-items:center}.library-left{width:100%}.library-right{display:flex;flex-direction:column;align-items:center;padding-left:0;width:100%}.filters-sidebar,.search-bar{width:92%;max-width:360px;margin:0 auto 25px}.books-row{width:92%;max-width:360px;margin:0 auto 30px}}